/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================

   HTML5 display definitions

   ========================================================================== */

/**

 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.

 */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

  display: block;

}

/**

 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.

 */

audio,

canvas,

video {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

audio:not([controls]) {

  display: none;

  height: 0;

}

/**

 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.

 * Known issue: no IE 6 support.

 */

[hidden] {

  display: none;

}

/* ==========================================================================

   Base

   ========================================================================== */

/**

 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using

 *    `em` units.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */

html {

  font-size: 100%;

  /* 1 */

  -webkit-text-size-adjust: 100%;

  /* 2 */

  -ms-text-size-adjust: 100%;

  /* 2 */

}

/**

 * Address `font-family` inconsistency between `textarea` and other form

 * elements.

 */

html,

button,

input,

select,

textarea {

  font-family: sans-serif;

}

/**

 * Address margins handled incorrectly in IE 6/7.

 */

body {

  margin: 0;

}

/* ==========================================================================

   Links

   ========================================================================== */

/**

 * Address `outline` inconsistency between Chrome and other browsers.

 */

a {

  text-decoration: none;

  color: #666666;

}

a:focus {

  outline: thin dotted;

}

/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */

a:active,

a:hover {

  outline: 0;

}

/* ==========================================================================

   Typography

   ========================================================================== */

/**

 * Address font sizes and margins set differently in IE 6/7.

 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,

 * and Chrome.

 */

h1 {

  font-size: 2em;

  margin: 0.67em 0;

}

h2 {

  font-size: 1.5em;

  margin: 0.83em 0;

}

h3 {

  font-size: 1.17em;

  margin: 1em 0;

}

h4 {

  font-size: 1em;

  margin: 1.33em 0;

}

h5 {

  font-size: 0.83em;

  margin: 1.67em 0;

}

h6 {

  font-size: 0.67em;

  margin: 2.33em 0;

}

/**

 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.

 */

abbr[title] {

  border-bottom: 1px dotted;

}

/**

 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.

 */

b,

strong {

  font-weight: bold;

}

blockquote {

  margin: 1em 40px;

}

/**

 * Address styling not present in Safari 5 and Chrome.

 */

dfn {

  font-style: italic;

}

/**

 * Address differences between Firefox and other browsers.

 * Known issue: no IE 6/7 normalization.

 */

hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}

/**

 * Address styling not present in IE 6/7/8/9.

 */

mark {

  background: #ff0;

  color: #000;

}

/**

 * Address margins set differently in IE 6/7.

 */

p,

pre {

  margin: 0;

  padding: 0;

}

/**

 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.

 */

code,

kbd,

pre,

samp {

  font-family: monospace, serif;

  _font-family: 'courier new', monospace;

  font-size: 1em;

}

/**

 * Improve readability of pre-formatted text in all browsers.

 */

pre {

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word;

}

/**

 * Address CSS quotes not supported in IE 6/7.

 */

q {

  quotes: none;

}

/**

 * Address `quotes` property not supported in Safari 4.

 */

q:before,

q:after {

  content: '';

  content: none;

}

/**

 * Address inconsistent and variable font size in all browsers.

 */

small {

  font-size: 80%;

}

/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  top: -0.5em;

}

sub {

  bottom: -0.25em;

}

/* ==========================================================================

   Lists

   ========================================================================== */

/**

 * Address margins set differently in IE 6/7.

 */

dl,

menu,

ol,

ul {

  margin: 0;

  padding: 0;

}

dd {

  margin: 0;

  padding: 0;

}

/**

 * Address paddings set differently in IE 6/7.

 */

menu,

ol,

ul {

  list-style-type: none;

}

/**

 * Correct list images handled incorrectly in IE 7.

 */

nav ul,

nav ol {

  list-style: none;

  list-style-image: none;

}

/* ==========================================================================

   Embedded content

   ========================================================================== */

/**

 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.

 * 2. Improve image quality when scaled in IE 7.

 */

img {

  border: 0;

  /* 1 */

  -ms-interpolation-mode: bicubic;

  /* 2 */

}

/**

 * Correct overflow displayed oddly in IE 9.

 */

svg:not(:root) {

  overflow: hidden;

}

/* ==========================================================================

   Figures

   ========================================================================== */

/**

 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.

 */

figure {

  margin: 0;

}

/* ==========================================================================

   Forms

   ========================================================================== */

/**

 * Correct margin displayed oddly in IE 6/7.

 */

form {

  margin: 0;

}

/**

 * Define consistent border, margin, and padding.

 */

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}

/**

 * 1. Correct color not being inherited in IE 6/7/8/9.

 * 2. Correct text not wrapping in Firefox 3.

 * 3. Correct alignment displayed oddly in IE 6/7.

 */

legend {

  border: 0;

  /* 1 */

  padding: 0;

  white-space: normal;

  /* 2 */

  *margin-left: -7px;

  /* 3 */

}

/**

 * 1. Correct font size not being inherited in all browsers.

 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,

 *    and Chrome.

 * 3. Improve appearance and consistency in all browsers.

 */

button,

input,

select,

textarea {

  font-size: 100%;

  /* 1 */

  margin: 0;

  /* 2 */

  vertical-align: baseline;

  /* 3 */

  *vertical-align: middle;

  /* 3 */

}

/**

 * Address Firefox 3+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

button,

input {

  line-height: normal;

}

/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.

 * Correct `select` style inheritance in Firefox 4+ and Opera.

 */

button,

select {

  text-transform: none;

}

/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.

 *    Known issue: inner spacing remains in IE 6.

 */

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

  cursor: pointer;

  /* 3 */

  *overflow: visible;

  /* 4 */

}

/**

 * Re-set default cursor for disabled elements.

 */

button[disabled],

html input[disabled] {

  cursor: default;

}

/**

 * 1. Address box sizing set to content-box in IE 8/9.

 * 2. Remove excess padding in IE 8/9.

 * 3. Remove excess padding in IE 7.

 *    Known issue: excess padding remains in IE 6.

 */

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

  *height: 13px;

  /* 3 */

  *width: 13px;

  /* 3 */

}

/**

 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome

 *    (include `-moz` to future-proof).

 */

input[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  /* 2 */

  box-sizing: content-box;

}

/**

 * Remove inner padding and search cancel button in Safari 5 and Chrome

 * on OS X.

 */

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

/**

 * Remove inner padding and border in Firefox 3+.

 */

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}

/**

 * 1. Remove default vertical scrollbar in IE 6/7/8/9.

 * 2. Improve readability and alignment in all browsers.

 */

textarea {

  overflow: auto;

  /* 1 */

  vertical-align: top;

  /* 2 */

}

/* ==========================================================================

   Tables

   ========================================================================== */

/**

 * Remove most spacing between table cells.

 */

table {

  border-collapse: collapse;

  border-spacing: 0;

}

/*

 * HTML5 Boilerplate

 *

 * What follows is the result of much research on cross-browser styling.

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

 * Kroc Camen, and the H5BP dev community and team.

 */

/* ==========================================================================

   Base styles: opinionated defaults

   ========================================================================== */

html,

button,

input,

select,

textarea {

  font-family: "Microsoft Yahei", Arial, sans-serif;

  color: #666;

}

body {

  font-size: 14px;

  line-height: 1.4;

}

img {

  width: auto;

  height: auto;

}

/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection declarations have to be separate.

 * Customize the background color to match your design.

 */

::-moz-selection {

  background: #b3d4fc;

  text-shadow: none;

}

::selection {

  background: #b3d4fc;

  text-shadow: none;

}

/*

 * A better looking default horizontal rule

 */

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #ccc;

  margin: 1em 0;

  padding: 0;

}

/*

 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440

 */

img {

  vertical-align: middle;

}

/*

 * Remove default fieldset styles.

 */

fieldset {

  border: 0;

  margin: 0;

  padding: 0;

}

/*

 * Allow only vertical resizing of textareas.

 */

textarea {

  resize: vertical;

}

/* ==========================================================================

   Chrome Frame prompt

   ========================================================================== */

.chromeframe {

  margin: 0.2em 0;

  background: #ccc;

  color: #000;

  padding: 0.2em 0;

}

/* ==========================================================================

   Helper classes

   ========================================================================== */

/*

 * Image replacement

 */

.ir {

  background-color: transparent;

  border: 0;

  overflow: hidden;

  /* IE 6/7 fallback */

  *text-indent: -9999px;

}

.ir:before {

  content: "";

  display: block;

  width: 0;

  height: 150%;

}

/*

 * Hide from both screenreaders and browsers: h5bp.com/u

 */

.hidden {

  display: none !important;

  visibility: hidden;

}

/*

 * Hide only visually, but have it available for screenreaders: h5bp.com/v

 */

.visuallyhidden {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

  /*

   * Extends the .visuallyhidden class to allow the element to be focusable

   * when navigated to via the keyboard: h5bp.com/p

   */

}

.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

  clip: auto;

  height: auto;

  margin: 0;

  overflow: visible;

  position: static;

  width: auto;

}

/*

 * Hide visually and from screenreaders, but maintain layout

 */

.invisible {

  visibility: hidden;

}

/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */

.clearfix {

  /*

   * For IE 6/7 only

   * Include this rule to trigger hasLayout and contain floats.

   */

  *zoom: 1;

}

.clearfix:before,

.clearfix:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.clearfix:after {

  clear: both;

}

/* ==========================================================================

   EXAMPLE Media Queries for Responsive Design.

   Theses examples override the primary ('mobile first') styles.

   Modify as content requires.

   ========================================================================== */

@media only screen and (min-width: 35em) {

  /* Style adjustments for viewports that meet the condition */

}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {

  /* Style adjustments for high resolution devices */

}

/* ==========================================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */

@media print {

  * {

    background: transparent !important;

    color: #000 !important;

    /* Black prints faster: h5bp.com/s */

    box-shadow: none !important;

    text-shadow: none !important;

  }

  a,

  a:visited {

    text-decoration: underline;

  }

  a[href]:after {

    content: " (" attr(href) ")";

  }

  abbr[title]:after {

    content: " (" attr(title) ")";

  }

  /*

   * Don't show links for images, or javascript/internal links

   */

  .ir a:after,

  a[href^="javascript:"]:after,

  a[href^="#"]:after {

    content: "";

  }

  pre,

  blockquote {

    border: 1px solid #999;

    page-break-inside: avoid;

  }

  thead {

    display: table-header-group;

    /* h5bp.com/t */

  }

  tr,

  img {

    page-break-inside: avoid;

  }

  img {

    max-width: 100% !important;

  }

  @page {

    margin: 0.5cm;

  }

  p,

  h2,

  h3 {

    orphans: 3;

    widows: 3;

  }

  h2,

  h3 {

    page-break-after: avoid;

  }

}

.container {

  max-width: 1340px;

  margin: 0 auto;

  padding: 0 50px;

}

@media screen and (max-width: 480px) {

  .container {

    padding: 0;

  }

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.fli {

  float: left !important;

}

.fri {

  float: right !important;

}

.fni {

  float: none !important;

}

.clear {

  clear: both;

}

.relative {

  position: relative;

}

/* grid */

.col-1 {

  float: left;

  width: 8.33333333%;

  *width: 8.23333333%;

}

@media screen and (max-width: 768px) {

  .col-1 {

    float: none;

    width: 100%;

  }

}

.offset-1 {

  margin-left: 8.33333333%;

}

@media screen and (max-width: 768px) {

  .offset-1 {

    margin-left: 0;

  }

}

.col-2 {

  float: left;

  width: 16.66666667%;

  *width: 16.56666667%;

}

@media screen and (max-width: 768px) {

  .col-2 {

    float: none;

    width: 100%;

  }

}

.offset-2 {

  margin-left: 16.66666667%;

}

@media screen and (max-width: 768px) {

  .offset-2 {

    margin-left: 0;

  }

}

.col-3 {

  float: left;

  width: 25%;

  *width: 24.9%;

}

@media screen and (max-width: 768px) {

  .col-3 {

    float: none;

    width: 100%;

  }

}

.offset-3 {

  margin-left: 25%;

}

@media screen and (max-width: 768px) {

  .offset-3 {

    margin-left: 0;

  }

}

.col-4 {

  float: left;

  width: 33.33333333%;

  *width: 33.23333333%;

}

@media screen and (max-width: 768px) {

  .col-4 {

    float: none;

    width: 100%;

  }

}

.offset-4 {

  margin-left: 33.33333333%;

}

@media screen and (max-width: 768px) {

  .offset-4 {

    margin-left: 0;

  }

}

.col-5 {

  float: left;

  width: 41.66666667%;

  *width: 41.56666667%;

}

@media screen and (max-width: 768px) {

  .col-5 {

    float: none;

    width: 100%;

  }

}

.offset-5 {

  margin-left: 41.66666667%;

}

@media screen and (max-width: 768px) {

  .offset-5 {

    margin-left: 0;

  }

}

.col-6 {

  float: left;

  width: 50%;

  *width: 49.9%;

}

@media screen and (max-width: 768px) {

  .col-6 {

    float: none;

    width: 100%;

  }

}

.offset-6 {

  margin-left: 50%;

}

@media screen and (max-width: 768px) {

  .offset-6 {

    margin-left: 0;

  }

}

.col-7 {

  float: left;

  width: 58.33333333%;

  *width: 58.23333333%;

}

@media screen and (max-width: 768px) {

  .col-7 {

    float: none;

    width: 100%;

  }

}

.offset-7 {

  margin-left: 58.33333333%;

}

@media screen and (max-width: 768px) {

  .offset-7 {

    margin-left: 0;

  }

}

.col-8 {

  float: left;

  width: 66.66666667%;

  *width: 66.56666667%;

}

@media screen and (max-width: 768px) {

  .col-8 {

    float: none;

    width: 100%;

  }

}

.offset-8 {

  margin-left: 66.66666667%;

}

@media screen and (max-width: 768px) {

  .offset-8 {

    margin-left: 0;

  }

}

.col-9 {

  float: left;

  width: 75%;

  *width: 74.9%;

}

@media screen and (max-width: 768px) {

  .col-9 {

    float: none;

    width: 100%;

  }

}

.offset-9 {

  margin-left: 75%;

}

@media screen and (max-width: 768px) {

  .offset-9 {

    margin-left: 0;

  }

}

.col-10 {

  float: left;

  width: 83.33333333%;

  *width: 83.23333333%;

}

@media screen and (max-width: 768px) {

  .col-10 {

    float: none;

    width: 100%;

  }

}

.offset-10 {

  margin-left: 83.33333333%;

}

@media screen and (max-width: 768px) {

  .offset-10 {

    margin-left: 0;

  }

}

.col-11 {

  float: left;

  width: 91.66666667%;

  *width: 91.56666667%;

}

@media screen and (max-width: 768px) {

  .col-11 {

    float: none;

    width: 100%;

  }

}

.offset-11 {

  margin-left: 91.66666667%;

}

@media screen and (max-width: 768px) {

  .offset-11 {

    margin-left: 0;

  }

}

.col-12 {

  float: left;

  width: 100%;

  *width: 99.9%;

}

@media screen and (max-width: 768px) {

  .col-12 {

    float: none;

    width: 100%;

  }

}

.offset-12 {

  margin-left: 100%;

}

@media screen and (max-width: 768px) {

  .offset-12 {

    margin-left: 0;

  }

}

.row {

  /*

   * For IE 6/7 only

   * Include this rule to trigger hasLayout and contain floats.

   */

  *zoom: 1;

  margin-right: -20px;

}

.row:before,

.row:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.row:after {

  clear: both;

}

@media screen and (max-width: 768px) {

  .row {

    margin-right: 0;

  }

}

.col-content {

  margin-right: 20px;

}

@media screen and (max-width: 768px) {

  .col-content {

    margin-right: 0;

  }

}

/* margin */

.margin-0 {

  margin: 0px;

}

.margin-t-0 {

  margin-top: 0px;

}

.margin-r-0 {

  margin-right: 0px;

}

.margin-b-0 {

  margin-bottom: 0px;

}

.margin-l-0 {

  margin-left: 0px;

}

.margin-1 {

  margin: 10px;

}

.margin-t-1 {

  margin-top: 10px;

}

.margin-r-1 {

  margin-right: 10px;

}

.margin-b-1 {

  margin-bottom: 10px;

}

.margin-l-1 {

  margin-left: 10px;

}

.margin-2 {

  margin: 20px;

}

.margin-t-2 {

  margin-top: 20px;

}

.margin-r-2 {

  margin-right: 20px;

}

.margin-b-2 {

  margin-bottom: 20px;

}

.margin-l-2 {

  margin-left: 20px;

}

.margin-3 {

  margin: 30px;

}

.margin-t-3 {

  margin-top: 30px;

}

.margin-r-3 {

  margin-right: 30px;

}

.margin-b-3 {

  margin-bottom: 30px;

}

.margin-l-3 {

  margin-left: 30px;

}

.margin-4 {

  margin: 40px;

}

.margin-t-4 {

  margin-top: 40px;

}

.margin-r-4 {

  margin-right: 40px;

}

.margin-b-4 {

  margin-bottom: 40px;

}

.margin-l-4 {

  margin-left: 40px;

}

.margin-5 {

  margin: 50px;

}

.margin-t-5 {

  margin-top: 50px;

}

.margin-r-5 {

  margin-right: 50px;

}

.margin-b-5 {

  margin-bottom: 50px;

}

.margin-l-5 {

  margin-left: 50px;

}

.margin-6 {

  margin: 60px;

}

.margin-t-6 {

  margin-top: 60px;

}

.margin-r-6 {

  margin-right: 60px;

}

.margin-b-6 {

  margin-bottom: 60px;

}

.margin-l-6 {

  margin-left: 60px;

}

.margin-7 {

  margin: 70px;

}

.margin-t-7 {

  margin-top: 70px;

}

.margin-r-7 {

  margin-right: 70px;

}

.margin-b-7 {

  margin-bottom: 70px;

}

.margin-l-7 {

  margin-left: 70px;

}

.margin-8 {

  margin: 80px;

}

.margin-t-8 {

  margin-top: 80px;

}

.margin-r-8 {

  margin-right: 80px;

}

.margin-b-8 {

  margin-bottom: 80px;

}

.margin-l-8 {

  margin-left: 80px;

}

.margin-9 {

  margin: 90px;

}

.margin-t-9 {

  margin-top: 90px;

}

.margin-r-9 {

  margin-right: 90px;

}

.margin-b-9 {

  margin-bottom: 90px;

}

.margin-l-9 {

  margin-left: 90px;

}

.margin-10 {

  margin: 100px;

}

.margin-t-10 {

  margin-top: 100px;

}

.margin-r-10 {

  margin-right: 100px;

}

.margin-b-10 {

  margin-bottom: 100px;

}

.margin-l-10 {

  margin-left: 100px;

}

.margin-11 {

  margin: 110px;

}

.margin-t-11 {

  margin-top: 110px;

}

.margin-r-11 {

  margin-right: 110px;

}

.margin-b-11 {

  margin-bottom: 110px;

}

.margin-l-11 {

  margin-left: 110px;

}

.margin-12 {

  margin: 120px;

}

.margin-t-12 {

  margin-top: 120px;

}

.margin-r-12 {

  margin-right: 120px;

}

.margin-b-12 {

  margin-bottom: 120px;

}

.margin-l-12 {

  margin-left: 120px;

}

.margin-13 {

  margin: 130px;

}

.margin-t-13 {

  margin-top: 130px;

}

.margin-r-13 {

  margin-right: 130px;

}

.margin-b-13 {

  margin-bottom: 130px;

}

.margin-l-13 {

  margin-left: 130px;

}

.margin-14 {

  margin: 140px;

}

.margin-t-14 {

  margin-top: 140px;

}

.margin-r-14 {

  margin-right: 140px;

}

.margin-b-14 {

  margin-bottom: 140px;

}

.margin-l-14 {

  margin-left: 140px;

}

.margin-15 {

  margin: 150px;

}

.margin-t-15 {

  margin-top: 150px;

}

.margin-r-15 {

  margin-right: 150px;

}

.margin-b-15 {

  margin-bottom: 150px;

}

.margin-l-15 {

  margin-left: 150px;

}

.margin-16 {

  margin: 160px;

}

.margin-t-16 {

  margin-top: 160px;

}

.margin-r-16 {

  margin-right: 160px;

}

.margin-b-16 {

  margin-bottom: 160px;

}

.margin-l-16 {

  margin-left: 160px;

}

.margin-17 {

  margin: 170px;

}

.margin-t-17 {

  margin-top: 170px;

}

.margin-r-17 {

  margin-right: 170px;

}

.margin-b-17 {

  margin-bottom: 170px;

}

.margin-l-17 {

  margin-left: 170px;

}

.margin-18 {

  margin: 180px;

}

.margin-t-18 {

  margin-top: 180px;

}

.margin-r-18 {

  margin-right: 180px;

}

.margin-b-18 {

  margin-bottom: 180px;

}

.margin-l-18 {

  margin-left: 180px;

}

.margin-19 {

  margin: 190px;

}

.margin-t-19 {

  margin-top: 190px;

}

.margin-r-19 {

  margin-right: 190px;

}

.margin-b-19 {

  margin-bottom: 190px;

}

.margin-l-19 {

  margin-left: 190px;

}

.margin-20 {

  margin: 200px;

}

.margin-t-20 {

  margin-top: 200px;

}

.margin-r-20 {

  margin-right: 200px;

}

.margin-b-20 {

  margin-bottom: 200px;

}

.margin-l-20 {

  margin-left: 200px;

}

.margin-21 {

  margin: 210px;

}

.margin-t-21 {

  margin-top: 210px;

}

.margin-r-21 {

  margin-right: 210px;

}

.margin-b-21 {

  margin-bottom: 210px;

}

.margin-l-21 {

  margin-left: 210px;

}

.margin-22 {

  margin: 220px;

}

.margin-t-22 {

  margin-top: 220px;

}

.margin-r-22 {

  margin-right: 220px;

}

.margin-b-22 {

  margin-bottom: 220px;

}

.margin-l-22 {

  margin-left: 220px;

}

.margin-23 {

  margin: 230px;

}

.margin-t-23 {

  margin-top: 230px;

}

.margin-r-23 {

  margin-right: 230px;

}

.margin-b-23 {

  margin-bottom: 230px;

}

.margin-l-23 {

  margin-left: 230px;

}

.margin-24 {

  margin: 240px;

}

.margin-t-24 {

  margin-top: 240px;

}

.margin-r-24 {

  margin-right: 240px;

}

.margin-b-24 {

  margin-bottom: 240px;

}

.margin-l-24 {

  margin-left: 240px;

}

.margin-25 {

  margin: 250px;

}

.margin-t-25 {

  margin-top: 250px;

}

.margin-r-25 {

  margin-right: 250px;

}

.margin-b-25 {

  margin-bottom: 250px;

}

.margin-l-25 {

  margin-left: 250px;

}

.margin-26 {

  margin: 260px;

}

.margin-t-26 {

  margin-top: 260px;

}

.margin-r-26 {

  margin-right: 260px;

}

.margin-b-26 {

  margin-bottom: 260px;

}

.margin-l-26 {

  margin-left: 260px;

}

.margin-27 {

  margin: 270px;

}

.margin-t-27 {

  margin-top: 270px;

}

.margin-r-27 {

  margin-right: 270px;

}

.margin-b-27 {

  margin-bottom: 270px;

}

.margin-l-27 {

  margin-left: 270px;

}

.margin-28 {

  margin: 280px;

}

.margin-t-28 {

  margin-top: 280px;

}

.margin-r-28 {

  margin-right: 280px;

}

.margin-b-28 {

  margin-bottom: 280px;

}

.margin-l-28 {

  margin-left: 280px;

}

.margin-29 {

  margin: 290px;

}

.margin-t-29 {

  margin-top: 290px;

}

.margin-r-29 {

  margin-right: 290px;

}

.margin-b-29 {

  margin-bottom: 290px;

}

.margin-l-29 {

  margin-left: 290px;

}

.margin-30 {

  margin: 300px;

}

.margin-t-30 {

  margin-top: 300px;

}

.margin-r-30 {

  margin-right: 300px;

}

.margin-b-30 {

  margin-bottom: 300px;

}

.margin-l-30 {

  margin-left: 300px;

}

/* padding */

.padding-0 {

  padding: 0px;

}

.padding-t-0 {

  padding-top: 0px;

}

.padding-r-0 {

  padding-right: 0px;

}

.padding-b-0 {

  padding-bottom: 0px;

}

.padding-l-0 {

  padding-left: 0px;

}

.padding-1 {

  padding: 10px;

}

.padding-t-1 {

  padding-top: 10px;

}

.padding-r-1 {

  padding-right: 10px;

}

.padding-b-1 {

  padding-bottom: 10px;

}

.padding-l-1 {

  padding-left: 10px;

}

.padding-2 {

  padding: 20px;

}

.padding-t-2 {

  padding-top: 20px;

}

.padding-r-2 {

  padding-right: 20px;

}

.padding-b-2 {

  padding-bottom: 20px;

}

.padding-l-2 {

  padding-left: 20px;

}

.padding-3 {

  padding: 30px;

}

.padding-t-3 {

  padding-top: 30px;

}

.padding-r-3 {

  padding-right: 30px;

}

.padding-b-3 {

  padding-bottom: 30px;

}

.padding-l-3 {

  padding-left: 30px;

}

.padding-4 {

  padding: 40px;

}

.padding-t-4 {

  padding-top: 40px;

}

.padding-r-4 {

  padding-right: 40px;

}

.padding-b-4 {

  padding-bottom: 40px;

}

.padding-l-4 {

  padding-left: 40px;

}

.padding-5 {

  padding: 50px;

}

.padding-t-5 {

  padding-top: 50px;

}

.padding-r-5 {

  padding-right: 50px;

}

.padding-b-5 {

  padding-bottom: 50px;

}

.padding-l-5 {

  padding-left: 50px;

}

.padding-6 {

  padding: 60px;

}

.padding-t-6 {

  padding-top: 60px;

}

.padding-r-6 {

  padding-right: 60px;

}

.padding-b-6 {

  padding-bottom: 60px;

}

.padding-l-6 {

  padding-left: 60px;

}

.padding-7 {

  padding: 70px;

}

.padding-t-7 {

  padding-top: 70px;

}

.padding-r-7 {

  padding-right: 70px;

}

.padding-b-7 {

  padding-bottom: 70px;

}

.padding-l-7 {

  padding-left: 70px;

}

.padding-8 {

  padding: 80px;

}

.padding-t-8 {

  padding-top: 80px;

}

.padding-r-8 {

  padding-right: 80px;

}

.padding-b-8 {

  padding-bottom: 80px;

}

.padding-l-8 {

  padding-left: 80px;

}

.padding-9 {

  padding: 90px;

}

.padding-t-9 {

  padding-top: 90px;

}

.padding-r-9 {

  padding-right: 90px;

}

.padding-b-9 {

  padding-bottom: 90px;

}

.padding-l-9 {

  padding-left: 90px;

}

.padding-10 {

  padding: 100px;

}

.padding-t-10 {

  padding-top: 100px;

}

.padding-r-10 {

  padding-right: 100px;

}

.padding-b-10 {

  padding-bottom: 100px;

}

.padding-l-10 {

  padding-left: 100px;

}

.padding-11 {

  padding: 110px;

}

.padding-t-11 {

  padding-top: 110px;

}

.padding-r-11 {

  padding-right: 110px;

}

.padding-b-11 {

  padding-bottom: 110px;

}

.padding-l-11 {

  padding-left: 110px;

}

.padding-12 {

  padding: 120px;

}

.padding-t-12 {

  padding-top: 120px;

}

.padding-r-12 {

  padding-right: 120px;

}

.padding-b-12 {

  padding-bottom: 120px;

}

.padding-l-12 {

  padding-left: 120px;

}

.padding-13 {

  padding: 130px;

}

.padding-t-13 {

  padding-top: 130px;

}

.padding-r-13 {

  padding-right: 130px;

}

.padding-b-13 {

  padding-bottom: 130px;

}

.padding-l-13 {

  padding-left: 130px;

}

.padding-14 {

  padding: 140px;

}

.padding-t-14 {

  padding-top: 140px;

}

.padding-r-14 {

  padding-right: 140px;

}

.padding-b-14 {

  padding-bottom: 140px;

}

.padding-l-14 {

  padding-left: 140px;

}

.padding-15 {

  padding: 150px;

}

.padding-t-15 {

  padding-top: 150px;

}

.padding-r-15 {

  padding-right: 150px;

}

.padding-b-15 {

  padding-bottom: 150px;

}

.padding-l-15 {

  padding-left: 150px;

}

.padding-16 {

  padding: 160px;

}

.padding-t-16 {

  padding-top: 160px;

}

.padding-r-16 {

  padding-right: 160px;

}

.padding-b-16 {

  padding-bottom: 160px;

}

.padding-l-16 {

  padding-left: 160px;

}

.padding-17 {

  padding: 170px;

}

.padding-t-17 {

  padding-top: 170px;

}

.padding-r-17 {

  padding-right: 170px;

}

.padding-b-17 {

  padding-bottom: 170px;

}

.padding-l-17 {

  padding-left: 170px;

}

.padding-18 {

  padding: 180px;

}

.padding-t-18 {

  padding-top: 180px;

}

.padding-r-18 {

  padding-right: 180px;

}

.padding-b-18 {

  padding-bottom: 180px;

}

.padding-l-18 {

  padding-left: 180px;

}

.padding-19 {

  padding: 190px;

}

.padding-t-19 {

  padding-top: 190px;

}

.padding-r-19 {

  padding-right: 190px;

}

.padding-b-19 {

  padding-bottom: 190px;

}

.padding-l-19 {

  padding-left: 190px;

}

.padding-20 {

  padding: 200px;

}

.padding-t-20 {

  padding-top: 200px;

}

.padding-r-20 {

  padding-right: 200px;

}

.padding-b-20 {

  padding-bottom: 200px;

}

.padding-l-20 {

  padding-left: 200px;

}

.padding-21 {

  padding: 210px;

}

.padding-t-21 {

  padding-top: 210px;

}

.padding-r-21 {

  padding-right: 210px;

}

.padding-b-21 {

  padding-bottom: 210px;

}

.padding-l-21 {

  padding-left: 210px;

}

.padding-22 {

  padding: 220px;

}

.padding-t-22 {

  padding-top: 220px;

}

.padding-r-22 {

  padding-right: 220px;

}

.padding-b-22 {

  padding-bottom: 220px;

}

.padding-l-22 {

  padding-left: 220px;

}

.padding-23 {

  padding: 230px;

}

.padding-t-23 {

  padding-top: 230px;

}

.padding-r-23 {

  padding-right: 230px;

}

.padding-b-23 {

  padding-bottom: 230px;

}

.padding-l-23 {

  padding-left: 230px;

}

.padding-24 {

  padding: 240px;

}

.padding-t-24 {

  padding-top: 240px;

}

.padding-r-24 {

  padding-right: 240px;

}

.padding-b-24 {

  padding-bottom: 240px;

}

.padding-l-24 {

  padding-left: 240px;

}

.padding-25 {

  padding: 250px;

}

.padding-t-25 {

  padding-top: 250px;

}

.padding-r-25 {

  padding-right: 250px;

}

.padding-b-25 {

  padding-bottom: 250px;

}

.padding-l-25 {

  padding-left: 250px;

}

.padding-26 {

  padding: 260px;

}

.padding-t-26 {

  padding-top: 260px;

}

.padding-r-26 {

  padding-right: 260px;

}

.padding-b-26 {

  padding-bottom: 260px;

}

.padding-l-26 {

  padding-left: 260px;

}

.padding-27 {

  padding: 270px;

}

.padding-t-27 {

  padding-top: 270px;

}

.padding-r-27 {

  padding-right: 270px;

}

.padding-b-27 {

  padding-bottom: 270px;

}

.padding-l-27 {

  padding-left: 270px;

}

.padding-28 {

  padding: 280px;

}

.padding-t-28 {

  padding-top: 280px;

}

.padding-r-28 {

  padding-right: 280px;

}

.padding-b-28 {

  padding-bottom: 280px;

}

.padding-l-28 {

  padding-left: 280px;

}

.padding-29 {

  padding: 290px;

}

.padding-t-29 {

  padding-top: 290px;

}

.padding-r-29 {

  padding-right: 290px;

}

.padding-b-29 {

  padding-bottom: 290px;

}

.padding-l-29 {

  padding-left: 290px;

}

.padding-30 {

  padding: 300px;

}

.padding-t-30 {

  padding-top: 300px;

}

.padding-r-30 {

  padding-right: 300px;

}

.padding-b-30 {

  padding-bottom: 300px;

}

.padding-l-30 {

  padding-left: 300px;

}

/* 头部样式  */

header {

  /*position: absolute;*/

  width: 1200px;

  height: 128px;

  margin:0 auto;

  /*left: 50%;

  margin-left: -600px;*/

  z-index: 1000;

}

header .logo {

  float: left;

  width: 101px;

  margin: 28px 0 0 0;

}

header .logo a {

  display: block;

  width: 100%;

}

header .logo a img {

  display: block;

  width: 100%;

}

header .mobile-box {

  /*position: relative;*/

  margin-left: 101px;

}

header .mobile-box .btn-close {

  display: none;

}

header nav {

  /*position: relative;*/

  z-index: 100;

  float: left;

  height: 100%;

}

header nav ul {

  height: 100%;

}

header nav ul li {

  margin-top: 45px;

  padding: 0 10px;

  /*position: relative;*/

  text-align: center;

}

.pxheader nav ul li {

  margin-top: 45px;

  padding: 0 6px;

  /*position: relative;*/

  text-align: center;

}

header nav ul li .line {

  display: none;

  height: 2px;

  background: #ffffff;

  width: 100%;

}

header nav ul li a {

  font-size:16px;

  /*display: block;*/

  line-height: 60px;

  letter-spacing: 0px;

  color: #ffffff;

  padding: 20px 0;

}

header nav ul li dl {

  display: none;

}

header nav ul li.on .line {

  /*display: block;*/

}



header nav ul li.on{

  /*background: #fff;*/

  background:#005b98;

}

header nav ul li.on a.hdlista{

  /*color: #005b98;*/

  /*background:#005b98;*/

}



/*START-new20161201Liujing*/

header nav ul li a{padding:36px 0;}

header nav ul li{

	text-align:left;

	}



header nav ul li .moreinform{

	width:100%;

	background:#fff;

	position:absolute;

	left:0;

	top:118px;

	display:none;

	}

header nav ul li.on .moreinform{display:block;}

/*header nav ul li .on{display:block;}*/

.moreinform .informcenter{

	width:1200px;

	height:182px;

	margin:0 auto;

	}

.informcenter .imgleft,.informcenter .tabtit{

	width:50%;

	height:182px;

	}

.informcenter .imgleft img{

	margin:10px;

	width:auto!important;

	}

.informcenter .imgleft p{

	margin:15px 0;

	}

.informcenter .imgleft p span{

	display:block;

	font-size:14px;

	color:#000;

	line-height:26px;

	}



.informcenter .tabtit{

	width: 25%;

    padding: 16px 0 0 20px;

    box-sizing: border-box;

	} 



header nav ul li a.tabalink{

	color:#000;

	display:block;

	width:100px;

	height:38px;

	padding:0;

	text-align:center;

	line-height:38px;

	float:left;

	margin:0 0 0 10px;

	background:#f5f5f5;

	}

header nav ul li a.tabalink:hover{

	color:#fff;

	background:#005a98;

	}



header ul li .longtit a.tabalink{

	width:220px;

	}

.informcenter .longtit{

	width:50%;

	}

	

/*END-new20161201Liujing*/



header .other-top .history-lab {

  float:left;

  margin-left: 20px;

  display: block;

  color: #fff;

  background: url("../img/nav-xiaoshi1.png") no-repeat left center;

  background-size: 19px 19px;

  padding-left: 25px;

  font-size: 0.857em;

  line-height: 20px;

}









header nav ul li.on dl {

  width: 120%;

  position: absolute;

  left: -12px;

  top: 60px;

  text-align: center;

  margin: 0;

  padding: 0;

  z-index: 1000;

  background: #ffffff;

  border: 2px solid #005b98;

}

header nav ul li.on dl dd {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 100%;

}

header nav ul li.on dl dd a {

  line-height: 1.4;

  padding: 8px 0;

  border: 0!important;

  display: block;

  font-size: 1em;

  text-align: center;

  color: #000000;

}

header nav ul li.on dl dd a:hover {

  color: #ffffff;

  background: #005b98;

}

header nav ul li.on dl dd.end {

  padding-bottom: 20px;

}

header nav ul li.active .line {

  display: block;

}

header nav li.mobile-search {

  display: none;

}

.usertop {

  float: right;

  *width: 180px;

  margin-top: 58px;

}

.usertop a {

  display: block;

  font-size: 0.857em;

}

.usertop .search {

  float: right;

  position: relative;

}

.usertop .search .serlab {

  width: 117px;

  height: 36px;

  /* padding-left: 20px;

  padding-right: 25px; */

  text-align: center;

  margin: 0;

  line-height: 45px;

  z-index: 1000;

  border: 1px solid #ffffff;

  border-radius: 25px;

}

.usertop .search .serlab input {

  width: 100%;

  border: 0;

  background: url("../img/searchBG06.png") repeat;

  color: #ffffff;

  display: block;

  height: 34px;

  line-height: 32px;

  *line-height: 32px;

  line-height: 32px/0;

}





.usertop .search .serlab .subsearch {

  display: block;

  position: absolute;

  background: url("../img/search-01.png") no-repeat left center;

  width: 25px;

  height: 38px;

  right: 0;

  top: 0;

}

.other-top {

  position: absolute;

    right: 50%;

    top: 10px;

    z-index: 1001;

    margin-right: -600px;

}

.other-top .share {

  float: left;

}

.other-top .share .jiathis_style_32x32{

  position: relative;

}

.other-top .share .jiathis_style_32x32 .mailLink-btn{

  display: inline-block;

  width: 20px;

  height: 13px;

  background: url("../img/mailIcon.png") no-repeat;

  position: absolute;

  top: 4px;

  left: -43px;

}

.other-top .share .jiathis_style_32x32 .jiathis_button_tsina .jtico_tsina {

  background: url("../img/header-coin03.png") no-repeat left center;

}

.other-top .share .jiathis_style_32x32 .jiathis_button_weixin .jtico_weixin {

  background: url("../img/header-coin04.png") no-repeat left center;

}

.other-top .share .jiathis_style_32x32 .jtico {

  height: 20px !important;

  width: 20px !important;

  padding-left: 0 !important;

  margin-right: 20px;

}

.other-top .share .bshare-custom{

  position: relative;

}

.other-top .share .bshare-custom .mailLink-btn{

  display: inline-block;

  width: 20px;

  height: 13px;

  background: url("../img/mailIcon.png") no-repeat;

  position: absolute;

  top: 4px;

  left: -43px;

}

.other-top .share .bshare-custom .bShare-sina {

  margin-right: 12px;

  padding: 0;

  width: 24px;

  background: url("../img/header-coin03.png") no-repeat left center;

}

.other-top .share .bshare-custom .bShare-weixin {

  padding: 0;

  width: 24px;

  background: url("../img/header-coin04.png") no-repeat left center;

}

.other-top .share .bshare-custom .jtico {

  height: 20px !important;

  width: 20px !important;

  padding-left: 0 !important;

  margin-right: 20px;

}

.other-top .library {

  display: block;

  float: left;

  color: #ffffff;

  font-size: 0.857em;

  padding-left: 26px;

  background: url("../img/header-coin01.png") no-repeat left center;

  line-height: 20px;

  margin-left: 10px;

}

.other-top .gateway {

  display: block;

  float: left;

  color: #ffffff;

  font-size: 0.857em;

  padding-left: 30px;

  background: url("../img/header-coin02.png") no-repeat left center;

  margin-left: 26px;

  line-height: 20px;

}

.other-top .language {

  float: left;

  margin-left: 20px;

}

.other-top .language a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  line-height: 16px;

  padding: 0 9px;

  color: #ffffff;

  font-size: 0.857em;

}

.other-top .language .en {

  border-right: 1px solid #ffffff;

}

.mobile-nav {

  display: none;

}

.scrbg {

  background: rgba(66,114,199,.9);

}

.lyheader {

  background: url("../img/lbheader-bg.png") repeat;

  position: relative;

  top: 0;

  left: 0;

  height: 120px;

  width: 100%;

  z-index: 1000;

}

.lyheader header {

  height: 120px;

  margin: 0 auto;

}

.lyheader header .logo {

  margin-top: 9px;

}

.lyheader header nav {

  margin-left: 4%;

}

.lyheader header nav ul li {

  padding-bottom: 13px;

}

/*.lyheader header nav ul li:nth-child(7) .moreinform{

  display:none !important;

}*/

.lyheader header nav ul li.on dl {

  top: 73px;

}

.lyheader .usertop .search .serlab {

  background: #ffffff;

}

.lyheader .usertop .search .serlab input {

  color: #000000;

}

.lyheader .usertop .search .serlab .subsearch {

  background: url("../img/search-03.png") no-repeat left center;

}

.pxheader header nav {

  margin-left: 0%;

}

.ibanner .img{

  height:360px;

}

@media screen and (max-width: 1280px) {

  header {

    width: 100%;

   /* margin-left: -48%;*/

  }

  .lyheader header nav {

    margin-left: 5%;

  }

  .lyheader header nav ul li {

    padding: 0 5px;

  }

  .pxheader header nav {

    margin-left: 2%;

  }

  .pxheader header nav ul li {

    padding: 0 3px;

  }

}

@media screen and (max-width: 1100px) {

  header nav ul li a{

    font-size:14px;

    letter-spacing: 1px; 

  }

  

}

@media screen and (max-width: 1024px) {

  header {

    position: fixed;

    z-index: 9999;

    left: 0;

    margin-left: 0;

    top: 0;

    width: 100%;

    height: 68px;

  }

  header .logo {

    margin-top: 10px;

    margin-left: 10px;

    width: 47px;

  }

  header .mobile-box {

    display: none;

    background: #ffffff;

    position: absolute;

    width: 100%;

    height: 1000px;

    top: 65px;

    left: 0;

    z-index: 9998;

    margin-left: 0;

    overflow: hidden;

  }

  header .mobile-box .btn-close {

    display: block;

    position: absolute;

    right: 3%;

    top: 2px;

    height: 35px;

    width: 35px;

    text-align: center;

    color: #000;

    overflow: hidden;

    font-size: 2.5em;

    line-height: 30px;

    cursor: pointer;

  }

  header nav {

    height: auto;

    float: none !important;

  }

  header nav .riolink {

    display: none;

  }

  header nav ul {

    width: 100%;

    /*margin-top: 1em;*/

  }

  header nav ul li {

    float: none!important;

    padding: 0;

    margin: 0;

    text-align: left;

    border-bottom: 1px solid #e6e6e6;

  }

  header nav ul li a {

    color: #292929;

    font-size: 1em;

    line-height: 3em;

    padding: 0 0 0 0.6em;

  }

  header nav ul li dl {

    margin: 0;

    padding: 0;

    text-indent: 1em;

    background: #ffffff;

  }

  header nav ul li dl dd {

    margin: 0;

    padding: 0;

  }

  header nav ul li dl dd a {

    text-align: left;

    font-size: 1em;

    font-weight: normal;

    background: none!important;

  }

  header nav ul li dl dd ol {

    display: block;

  }

  header nav ul li dl dd ol li {

    border-bottom: none;

    text-indent: 2em;

  }

  header nav ul li dl dd ol li .sm-nav a {

    text-indent: 3em;

  }

  header nav ul li.limore dl {

    padding-bottom: 0;

    line-height: 5em;

  }

  header nav ul li.limore dl dd {

    padding-top: 0;

    line-height: 5em;

    margin: 0;

    display: block;

  }

  header nav ul li.limore dl dd a {

    line-height: 5em;

  }

  header nav ul li.mobile-search {

    display: block;

  }

  header .usertop {

    float: none !important;

    width: auto;

    padding: 0 10px;

    margin-top: 40px;

  }

  header .usertop a {

    display: block;

    font-size: 0.857em;

  }

  header .usertop .search {

    border: 1px solid #e0e0e0;

    width: 100%;

    position: relative;

  }

  header .usertop .search .serlab {

    width: auto;

    padding-left: 0;

    padding-right: 32px;

    text-align: center;

    margin: 0;

    line-height: 45px;

    z-index: 1000;

    border: none;

    border-radius: 25px;

  }

  header .usertop .search .serlab input {

    width: 100%;

    border: 0;

    margin: 0;

    padding: 0;

    background: none;

    color: #333333;

    display: block;

    height: 36px;

    line-height: 36px;

    text-indent: 6px;

  }

  header .usertop .search .serlab .subsearch {

    display: block;

    position: absolute;

    background: url("../img/search-02.png") no-repeat left center;

    width: 25px;

    height: 34px;

    right: 0;

    top: 0;

  }

  header .other-top {

    padding: 20px 10px;

    position: static;

    right: auto;

    top: auto;

  }

  header .other-top .share {

    float: left;

  }

  header .other-top .share .jiathis_style_32x32 .jiathis_button_tsina .jtico_tsina {

    background: url("../img/header-coin07.png") no-repeat left center;

    *background-position: left top;

  }

  header .other-top .share .jiathis_style_32x32 .jiathis_button_weixin .jtico_weixin {

    background: url("../img/header-coin08.png") no-repeat left center;

    *background-position: left top;

  }

  header .other-top .share .jiathis_style_32x32 .jtico {

    width: 26px !important;

    margin-right: 10px;

  }

  header .other-top .library {

    display: block;

    float: left;

    color: #737373;

    background: url("../img/header-coin05.png") no-repeat left center;

  }

  header .other-top .history-lab {

    float:left;

    margin-left: 10px;

    margin-top: 0;

  }

  header .other-top .gateway {

    display: none;

  }

  header .other-top .language {

    float: left;

    margin-left: 10px;

  }

  header .other-top .language a {

    color: #737373;

  }

  header .other-top .language .en {

    border-right: 1px solid #737373;

  }

  header .mobile-nav {

    position: absolute;

    right: 10px;

    top: 20px;

    display: block;

    width: 25px;

  }

  header .mobile-nav a {

    width: 24px;

    height: 24px;

    display: block;

  }

  header .mobile-nav .mobile-menu {

    background: url("../img/menu-coin.png") center center no-repeat;

    background-size: 100%;

  }

  .lyheader {

    height: 65px;

  }

  .lyheader header {

    height: 65px;

  }

  .lyheader header nav {

    margin-left: 3%;

  }

  .lyheader header nav ul li {

    padding: 0 10px;

  }
  .pxheader nav ul li{
    margin-top: 0px;
    text-align: left;
  }
}

@media screen and (max-width: 768px) {

  header .mobile-box .usertop {

    margin-top: 15px;

  }

  header .mobile-box nav ul li a {

    line-height: 3.5em;

  }

  header .mobile-box nav ul li.limore dl dd a {

    line-height: 3.5em;

  }

}

@media screen and (max-width: 480px) {

  header .mobile-box nav ul li a {

    line-height: 2.5em;

  }

  header .mobile-box nav ul li.limore dl dd a {

    line-height: 2.5em;

  }

}

footer {

  background: #7c7f86;

  position: relative;

}

footer .footer {

  padding: 20px 0;

  width: 1200px;

  margin: 0 auto;

}

footer .footer .ftleft {

  float: left;

  width: 51.8%;

}

footer .footer .ftleft .ftlogo {

  float: left;

  display: block;

  width: 101px;

}

footer .footer .ftleft .ftnav {

  float: right;

  margin-top: 12px;

  width: 63%;

  padding-bottom: 15px;

  border-right: 1px solid #898c92;

  border-left: 1px solid #898c92;

}

footer .footer .ftleft .ftnav .top {

  text-align: center;

  margin-top: 12px;

}

footer .footer .ftleft .ftnav .top a {

  color: #ffffff;

}

footer .footer .ftleft .ftnav .top span {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 1px ;

  height: 14px;

  margin: 0 18px;

  background: #898c92;

}

footer .footer .ftright {

  width: 41%;

  float: right;

  margin-top: 25px;

}

footer .footer .ftright a {

  color: #ffffff;

  margin-left: 0%;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  font-size: 1em;

}

footer .footer .ftright .pnumber {

  position: relative;

  border: 1px solid #d1d1d3;

  padding: 0 45px 0 18px;

  line-height: 26px;

  background: url("../img/pnumber-coin01.png") no-repeat 90% center;

  border-radius: 20px;

  -moz-border-radius: 20px;

  -webkit-border-radius: 20px;

  -o-border-radius: 20px;

}

footer .footer .ftright .pnumber img {

  display: none;

  width: 132px;

  position: absolute;

  bottom: 30px;

  left: 0;

}

footer .footer .ftright .pr01 {

  background: url("../img/pnumber-coin01.png") no-repeat 90% center;

}

footer .footer .ftright .pr01 img {

  width: 132px;

}

footer .footer .ftright .phone {

  background: url("../img/pnumber-coin02.png") no-repeat left center;

  padding-left: 30px;

  line-height: 30px;

  margin-top: 10px;

}

footer .kprd {

  background: #676a71;

  text-align: center;

  color: #bdbec1;

  line-height: 40px;

  width: 100% !important;

}

footer .kprd>a>img{

  height: 20px;

  width: 20px;

}

@media screen and (max-width: 1280px) {

  footer .footer {

    width: 96%;

  }

}

@media only screen and (max-width: 1024px) {

  footer .footer .ftright {

    width: 310px;

  }

}

@media only screen and (max-width: 768px) {

  footer .footer .ftleft {

    float: none !important;

    width: 100%;

    padding-bottom: 10px;

  }

  footer .footer .ftleft .ftnav {

    border: none;

  }

  footer .footer .ftright {

    float: none !important;

    border-top: 1px solid #898c92;

    width: 100%;

    padding-top: 10px;

    margin: 0 auto;

  }

}

@media only screen and (max-width: 480px) {

  footer .footer .ftleft {

    float: none !important;

    width: 100%;

    padding-bottom: 10px;

  }

  footer .footer .ftleft .ftnav {

    border: none;

  }

  footer .footer .ftright {

    float: none !important;

    border-top: 1px solid #898c92;

    width: 100%;

    padding-top: 10px;

    margin: 0 auto;

  }

  footer .footer .ftright a {

    margin-left: 2%;

  }

  footer .kprd {

    line-height: 30px;

  }

  footer .kprd p span {

    display: block;

  }

}

.swiper-container{

  width:100%;

  max-width:1920px;

}

.swiper-container .swiper-wrapper {

  width: 600%;

}

.swiper-container .swiper-slide {

  width: 16.666%;

  /* overflow: hidden; */

}

.swiper-container .swiper-slide a {

  /*width: 1920px;

  position: relative;

  left: 50%;

  margin-left: -960px;*/

  width: 100%;

  display:block;

}

.swiper-container .swiper-slide img {

  /*width: 1920px;

  position: relative;

  left: 50%;

  margin-left: -960px;*/

  width: 100%;

}

.swiper-container .calligraphy {

  position: absolute;

  /*display: block;*/

  display: none;

  width: 347px;

  left: 78%;

  margin-left: -173px;

  top: 22%;

  z-index: 1000;

}

.swiper-container .swiper-button-next {

  display: block;

  width: 17px;

  height: 29px;

  background: url("../img/leftbtn.png");

  position: absolute;

  right: 5%;

  z-index: 9000;

  top: 50%;

  margin-top: -15px;

  cursor: pointer;

}

.swiper-container .swiper-button-prev {

  display: block;

  width: 17px;

  height: 29px;

  background: url("../img/rightbtn.png");

  position: absolute;

  top: 50%;

  margin-top: -15px;

  left: 5%;

  z-index: 9000;

  cursor: pointer;

}

@media screen and (max-width: 1024px) {

  .swiper-container .swiper-slide img {

    position: relative;

    /* left: 50%; */

    /* width: 1440px; */

    /* margin-left: -720px; */

  }

  .swiper-container .calligraphy {

    width: 250px;

    top: 130px;

  }

  .slideTxtBox .bd ul li .slide-txt{

    width: 86%;

  }

}

@media screen and (max-width: 768px) {

  .swiper-container .calligraphy {

    width: 212px;

    top: 145px;

    left: 44%;

  }

}

@media screen and (max-width: 480px) {

  .swiper-container .swiper-slide img {

    /* width: 1000px; */

    /* margin-left: -620px; */

  }

  .swiper-container .calligraphy {

    left: 50%;

    width: 172px;

    top: 100px;

    margin-left: -122px;

  }

}

.index-footer .tpfooter {

  /*padding: 30px 0;*/

  padding: 10px 0;

  /*background: #181c28;*/

  background: #7c7f86;

}

.index-footer .tpfooter .frcenter {

  width: 1200px;

  margin: 15px auto;

}

.index-footer .tpfooter .frcenter .tpleft {

  float: left;

  width: 58%;

  *width: 58%;

  padding-right: 5.4%;

  *padding-right: 5.3%;

  /*border-right: 1px solid #30333e;*/

  border-right: 1px solid #898c92;

}

.index-footer .tpfooter .frcenter .tpleft .fttitle {

  font-size: 1.428em;

  color: #ffffff;

  margin: 0;

  padding-bottom: 15px;

}

.index-footer .tpfooter .frcenter .tpleft p {

  display: block;

  width: 100%;

  line-height: 30px;

  padding-bottom: 30px;

  /*color: #929396;*/

  color: #fff;

}

.index-footer .tpfooter .frcenter .tpright {

  float: right;

  margin-right:5%;

}

.index-footer .tpfooter .frcenter .tpright .fttitle {

  font-size: 1.428em;

  color: #ffffff;

  margin: 0;

  padding-bottom: 15px;

}

.index-footer .tpfooter .frcenter .tpright .pcnumber li {

  float: left;

  padding-left: 22px;

  width:100px;

  text-align: center;

  /*margin: 0 22px;*/

}

.index-footer .tpfooter .frcenter .tpright .pcnumber li span {

  display: block;

  width: 100%;

  text-align: center;

  margin-top: 15px;

  /*color: #bbbbbd;*/

  color: #fff;

}

.index-footer .tpfooter .frcenter .tpright .pcnumber li:first-child {

  padding-left: 0;

  width: 100px;

  text-align: center;

}

.index-footer .btfooter {

  /*background: #141720;*/

  background: #676a71;

}

.index-footer .btfooter .frcenter {

  width: 1200px;

  margin: 0 auto;

  text-align: center;

  position: relative;

}

.index-footer .btfooter .frcenter .frleft {

  /*float: left;*/

}

.index-footer .btfooter .frcenter .renzheng{

  width: 80px;

  height: 80px;

  float: left;

  display: none;

}

.index-footer .btfooter .frcenter .frleft a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  font-size: 1em;

  line-height: 20px;

  padding: 0 10px;

  /*color: #929396;*/

  color: #fff;

  /*border-right: 1px solid #2c2f37;*/

  border-right: 1px solid #898c92;

  margin-top: 10px;

}

.index-footer .btfooter .frcenter .frleft a{

  border-right: 1px solid #898c92 !important;

}

.index-footer .btfooter .frcenter .frleft .frist {

  padding-left: 0;

}

.index-footer .btfooter .frcenter .frleft a.end {

  border-right: 1px solid #898c92 !important;

}

.index-footer .btfooter .frcenter .ftright {

  /*float: right;*/

}

.index-footer .btfooter .frcenter .ftright span {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  line-height: 40px;

  padding-left: 5px;

  /*color: #929396;*/

  color: #fff;

}

@media screen and (max-width: 1280px) {

  .index-footer .tpfooter .frcenter {

    width: 96%;

    margin: 0 auto;

  }

  .index-footer .tpfooter .frcenter .tpleft {

    padding-right: 0;

    border-right: 0;

  }

  .index-footer .btfooter .frcenter {

    width: 96%;

    margin: 0 auto;

  }

  .index-footer .btfooter .frcenter .frleft {

    float: none !important;

  }

  .index-footer .btfooter .frcenter .frleft .end{

    border-right: 0 !important;

  }

  .index-footer .btfooter .frcenter .ftright {

    float: none !important;

  }

}

@media screen and (max-width: 1024px) {

  .index-footer .tpfooter .frcenter {

    width: 96%;

    margin: 0 auto;

  }

  .index-footer .tpfooter .frcenter .tpleft {

    float: none !important;

    width: 100%;

  }

  .index-footer .tpfooter .frcenter .tpright {

    float: none !important;

    /* width: 40%; */

    margin: 0 auto;

  }

  .index-footer .btfooter .frcenter .frleft {

    padding-bottom: 10px;

  }

  .index-footer .btfooter .frcenter .ftright span {

    padding-left: 0;

    padding-right: 10px;

  }

}

@media screen and (max-width: 480px) {

  .train-con02{

    padding-bottom: 600px !important;

  }

  .index-footer .tpfooter .frcenter .tpright .pcnumber li{

    padding: 0;

    margin: 0 22px;

  }

  .index-footer .btfooter .frcenter .frleft {

    border-bottom: 1px solid #2c2f37;

    padding-bottom: 30px;

  }

  .index-footer .btfooter .frcenter .frleft a {

    width: 32.7%;

    padding: 0;

    text-align: center;

  }

  .index-footer .btfooter .frcenter .frleft a.snhide {

    border-right: none;

  }

  .index-footer .btfooter .frcenter .ftright {

    margin-top: 20px;

  }

  .index-footer .btfooter .frcenter .ftright span {

    display: block;

  }

}

.vice-banner {

  width: 100%;

  overflow: hidden;

  *zoom: 1;

  position: relative;

  z-index: -100;

  /* margin-top: 118px; */

}

.vice-banner img {

  /*display: block;

  width: 1920px;

  position: relative;

  left: 50%;

  margin-left: -960px;*/

  width: 100%;

}

@media screen and (max-width: 1024px) {

  .vice-banner {

    top: 0;

    /* margin-top: 65px ; */

  }

}

@media screen and (max-width: 768px) {

  .vice-banner img {

    position: relative;

    /* left: 50%;

    width: 1157px;

    margin-left: -578px; */

  }

}

.index-infomation {

  background: #fafafa;

  position: relative;

  z-index: 100;

}

.index-infomation .newsinfo {

  width: 1180px;

  margin: 0 auto;

  padding: 48px 0 30px 0;

}

.index-infomation .newsinfo .leftnews {

  float: left;

  width: 730px;
  height:340px;

}

.index-infomation .newsinfo .leftnews #tabbox .parHd ul {

  padding-bottom: 18px;

}

.index-infomation .newsinfo .leftnews #tabbox .parHd ul li {

  float: left;

  padding: 0 10px;

  font-size: 1.428em;

  font-weight: bold;

  color: #999999;

  cursor: pointer;

}

.index-infomation .newsinfo .leftnews #tabbox .parHd ul li.on {

  color: #003399;

}

.index-infomation .newsinfo .leftnews #tabbox .parBd {

  position: relative;

}

.index-infomation .newsinfo .leftnews #tabbox .parBd ul li {

  float: left;

  width: 49%;

  /*margin-left: 2%;*/

}

.index-infomation .newsinfo .leftnews #tabbox .parBd .slideBox .sPrev{

  display: block;

  background: url("../img/l-btn-l23.png") no-repeat;

  width: 26px;

  height: 50px;

  position: absolute;

  top: 30%;

  left: 10px;

  z-index: 99;

}

.index-infomation .newsinfo .leftnews #tabbox .parBd .slideBox .sNext{

  display: block;

  display: block;

  background: url("../img/r-btn-r23.png") no-repeat;

  width: 26px;

  height: 50px;

  position: absolute;

  top: 30%;

  right: 4px;

  z-index: 99;

}



.index-infomation .newsinfo .leftnews #tabbox .parBd ul li a {

  padding: 10px;

  display: block;

}

.index-infomation .newsinfo .leftnews #tabbox .parBd ul li a img {

  display: block;

  width: 100%;

}

.index-infomation .newsinfo .leftnews #tabbox .parBd ul li a .title {

  font-size: 14px;

  color: #333333;

  line-height: 1.4em;

  padding: 10px 0 0 0;

  width: 99%;

  height: 50px;

  letter-spacing: 2px;

  /*overflow: hidden; 

  text-overflow: ellipsis;

  white-space: nowrap;*/



}

.index-infomation .newsinfo .leftnews #tabbox .parBd ul li a .cont {

  font-size: 1em;

  color: #999999;

  line-height: 24px;

}

.index-infomation .newsinfo .leftnews #tabbox .parBd ul li a .date {

  font-size: 1em;

  color: #999999;

  line-height: 24px;

  display: block;

  margin-top: 10px;

}

.index-infomation .newsinfo .leftnews #tabbox .parBd ul li a:hover {

  box-shadow: 1px 1px 2px 2px #999999;

}

.index-infomation .newsinfo .leftnews #tabbox .parBd ul li:first-child {

  margin-left: 0;

}

.index-infomation .newsinfo .rightnews {

  float: right;

  background: #ffffff;

  margin-top: -37px;

  width: 410px;

  /*border-top: 3px solid #023587;*/

  padding: 0 15px;

  position: relative;

}

.index-infomation .newsinfo .rightnews .title {

  font-size: 1.428em;

  font-weight: bold;

  color: #003399;

  padding: 35px 0 24px 0;

  clear: both;

}

.index-infomation .newsinfo .rightnews ul {

  margin-top: 6px;

}

.index-infomation .newsinfo .rightnews .title .right-moreLk{

  font-size: 14px;

  float: right;

  margin-top: 4px;

  margin-left: 54% !important;

  /*display: inline-block;*/

}

.index-infomation .newsinfo .rightnews ul li {

  margin-bottom: 4px;

}

.index-infomation .newsinfo .rightnews ul li a {

  display: block;

}

.index-infomation .newsinfo .rightnews ul li a .date {

  display: block;

  float: left;

  background: #3c6bc1;

  color: #ffffff;

  padding: 4px 8px;

}

.index-infomation .newsinfo .rightnews ul li a .date span {

  display: block;

  font-size: 1.142em;

  line-height: 23px;

  padding: 3px 0;

}

.index-infomation .newsinfo .rightnews ul li a .newtit {

  float: left;

  background: url("../img/new-arrow.png") no-repeat left center #f5f5f5;

  height: 37px;

  line-height: 37px;

  width: 308px;

  color: #666666;

  font-size: 1em;

  padding: 0px 21px 0 16px;

  max-height:51px;

  overflow:hidden;

  text-overflow: ellipsis;

  white-space:nowrap;

}

.index-infomation .newsinfo .rightnews ul li a:hover .newtit {

  float: left;

  background: url("../img/new-arrow.png") no-repeat left center #a4c2f8;

  color: #ffffff;

}

@media screen and (max-width: 1200px) {

  .index-infomation .newsinfo .rightnews .title .right-moreLk{

  /*float: right;*/

  margin-left: 88%;

  *margin-bottom: 10px;

}

  .index-infomation {

    margin-top: 0;

  }

  .index-infomation .newsinfo {

    width: 94%;

  }

  .index-infomation .newsinfo .leftnews {

    float: none !important;

    width: 100%;

  }

  .index-infomation .newsinfo .rightnews {

    float: none !important;

    margin-top: 20px;

    width: auto;

  }

  .index-infomation .newsinfo .rightnews ul li a .newtit {

    float: none !important;

    width: auto;

    margin-left: 60px;

  }

}

@media screen and (max-width: 700px) {

  .index-infomation .newsinfo .leftnews #tabbox .hd {

    width: 200px;

    margin: 0 auto;

  }

  .index-infomation .newsinfo .leftnews #tabbox .bd ul li {

    float: none !important;

    width: 100%;

    margin-left: 0;

  }

}

.index-zsstudents {

  position: relative;

  padding-bottom: 36px;

}

.index-zsstudents .zsbg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.index-zsstudents .zsbg img {

  display: block;

  width: auto;

  height: 100%;

  min-width: 1920px;

  margin: 0 auto;

}

.index-zsstudents .zsboxs {

  width: 1200px;

  position: relative;

  z-index: 3;

  left: 50%;

  margin-left: -600px;

}

.index-zsstudents .zsboxs h3 {

  text-align: center;

  font-size: 2.571em;

  color: #ffffff;

  margin: 0;

  line-height: 120px;

  font-weight: normal;

}

.index-zsstudents .zsboxs ul li {

  float: left;

  width: 25%;

}

.index-zsstudents .zsboxs ul li dl {

  padding-left: 35px;

  margin-left: 5%;

}

.index-zsstudents .zsboxs ul li dl dt a {

  font-size: 1.285em;

  color: #ffffff;

  font-weight: bold;

  display: block;

  line-height: 30px;

}

.index-zsstudents .zsboxs ul li dl dd {

  margin-top: 22px;

  overflow: hidden;

  text-overflow:ellipsis;

  white-space: nowrap;

  color: #fff;

}

.index-zsstudents .zsboxs ul li dl dd a {

  color: #fff;

  font-size: 1em;

  overflow: hidden;

  text-overflow:ellipsis;

  white-space: nowrap;

}

.index-zsstudents .zsboxs ul li dl.lx01 {

  background: url("../img/index-zs01.png") no-repeat left top;

}

.index-zsstudents .zsboxs ul li dl.lx02 {

  background: url("../img/index-zs02.png") no-repeat left top;

}

.index-zsstudents .zsboxs ul li dl.lx03 {

  background: url("../img/index-zs03.png") no-repeat left top;

}

.index-zsstudents .zsboxs ul li dl.lx04 {

  background: url("../img/index-zs04.png") no-repeat left top;

}

.index-zsstudents .zsboxs .zsmore-btn {

  display: block;

  width: 398px;

  border: 1px solid #ffffff;

  margin: 50px auto 0;

  font-size: 1.285em;

  color: #ffffff;

  text-align: center;

  line-height: 48px;

}

.index-zsstudents .zsboxs .entrance {

  display: block;

  width: 314px;

  margin: 15px auto 0;

  font-size: 1.285em;

  color: #ffffff;

  text-align: center;

  line-height: 24px;

  padding-right: 32px;

  background: url("../img/index-zs05.png") no-repeat right center;

}

@media screen and (max-width: 1200px) {

  .index-zsstudents .zsboxs {

    width: 94%;

    margin-left: -47%;

  }

  .index-zsstudents .zsboxs ul li dl {

    margin-left: 0;

  }

}

@media screen and (max-width: 1024px) {

  .index-zsstudents .zsboxs h3 {

    font-size: 2em;

    line-height: 100px;

  }

  .index-zsstudents .zsboxs ul li {

    width: 50%;

  }

  .index-zsstudents .zsboxs ul li dl {

    margin-top: 30px;

  }

}

@media screen and (max-width: 480px) {

  .index-zsstudents .zsboxs h3 {

    font-size: 1.285em;

    line-height: 68px;

  }

  .index-zsstudents .zsboxs ul li {

    width: 48%;

    padding:0 1%;

  }

  .index-zsstudents .zsboxs ul li dl {

    padding-left: 0;

    padding-top: 35px;

  }

  .index-zsstudents .zsboxs ul li dl dt a {

    font-size: 1em;

  }

  .index-zsstudents .zsboxs ul li dl dd {

    margin-top: 10px;

  }

  .index-zsstudents .zsboxs ul li dl.lx01 {

    background: url("../img/index-zs01.png") no-repeat 58px top;

  }

  .index-zsstudents .zsboxs ul li dl.lx02 {

    background: url("../img/index-zs02.png") no-repeat 58px top;

  }

  .index-zsstudents .zsboxs ul li dl.lx03 {

    background: url("../img/index-zs03.png") no-repeat 58px top;

  }

  .index-zsstudents .zsboxs ul li dl.lx04 {

    background: url("../img/index-zs04.png") no-repeat 58px top;

  }

  .index-zsstudents .zsboxs .zsmore-btn {

    width: 100%;

  }

  .index-zsstudents .zsboxs .entrance {

    width: 278px;

    font-size: 1.142em;

    padding-right: 22px;

  }

}

.index-schoolinto {

  width: 1200px;

  margin: 0 auto;

  padding: 40px 0;

}

.index-schoolinto .mianchannel ul li {

  float: left;

  width: 23.5%;

  margin-left: 2%;

}

.index-schoolinto .mianchannel ul li a {

  width: 100%;

  display: block;

  position: relative;

  color: #ffffff;

}

.index-schoolinto .mianchannel ul li a img {

  display: block;

  width: 100%;

}

.index-schoolinto .mianchannel ul li a .tcmod {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 80px;

}

.index-schoolinto .mianchannel ul li a .tcmod h3 {

  text-align: center;

  font-size: 1.714em;

  margin: 0;

  line-height: 80px;

}

.index-schoolinto .mianchannel ul li a .tcmod .dline {

  display: none;

}

.index-schoolinto .mianchannel ul li a .tcmod .stract {

  display: none;

}

.index-schoolinto .mianchannel ul li a .tc01 {

  background: url("../img/index-pd01.png") repeat;

}

.index-schoolinto .mianchannel ul li a .tc02 {

  background: url("../img/index-pd02.png") repeat;

}

.index-schoolinto .mianchannel ul li a .tc03 {

  background: url("../img/index-pd03.png") repeat;

}

.index-schoolinto .mianchannel ul li a .tc04 {

  background: url("../img/index-pd04.png") repeat;

}

.index-schoolinto .mianchannel ul li a:hover .tcmod {

  bottom: auto;

  top: 0;

  height: 100%;

}

.index-schoolinto .mianchannel ul li a:hover .tcmod h3 {

  margin-top: 112px;

  line-height: 76px;

}

.index-schoolinto .mianchannel ul li a:hover .tcmod .dline {

  display: block;

  width: 30px;

  height: 2px;

  background: #ffffff;

  margin: 0 auto;

}

.index-schoolinto .mianchannel ul li a:hover .tcmod .stract {

  display: block;

  padding: 0 38px;

  margin-top: 30px;

}

.index-schoolinto .mianchannel ul li:first-child {

  margin-left: 0;

}

.index-schoolinto .intotitle h3 {

  font-size: 1.571em;

  color: #333333;

  font-weight: normal;

  text-align: center;

  margin: 20px 0;

}

.index-schoolinto .intopdlist ul li {

  float: left;

  width: 16.6%;

  padding: 0 1.5%;

  /*margin-left: 6.25%;*/

}

.index-schoolinto .intopdlist ul li a {

  text-align: center;

}

.index-schoolinto .intopdlist ul li a .intoimg img {

  display: block;

  width: 70%;

  margin: 0 auto;

}

.index-schoolinto .intopdlist ul li a .intoimg .into02 {

  display: none;

}

.index-schoolinto .intopdlist ul li a .intotit {

  padding-top: 25px;

  font-size: 1.085em;

  color: #333333;

}

.index-schoolinto .intopdlist ul li a:hover .intoimg .into02 {

  display: block;

}

.index-schoolinto .intopdlist ul li a:hover .intoimg .into01 {

  display: none;

}

.index-schoolinto .intopdlist ul li:first-child {

  margin-left: 0;

}

@media screen and (max-width: 1200px) {

  .index-schoolinto {

    width: 94%;

  }

  .index-schoolinto .mianchannel ul li a:hover .tcmod h3 {

    margin-top: 50px;

  }

  .index-schoolinto .intopdlist ul li a .intotit {

    font-size: 1em;

  }

}

@media screen and (max-width: 1024px) {

  .index-schoolinto .mianchannel ul li {

    width: 48%;

    margin: 20px 1%;

  }

  .index-schoolinto .mianchannel ul li:first-child {

    margin-left: 1%;

  }

  .index-schoolinto .intopdlist {

    width: 720px;

    margin: 0 auto;

  }

  .index-schoolinto .intopdlist ul li {

    float: left;

    width: 45%;

    margin: 20px 1%;

  }

  .index-schoolinto .intopdlist ul li:first-child {

    margin-left: 1%;

  }

}

@media screen and (max-width: 768px) {

  .index-schoolinto .intotitle h3 {

    font-size: 2em;

    margin: 40px 0;

  }

  .index-schoolinto .intopdlist {

    width: 450px;

  }

}

@media screen and (max-width: 480px) {

  .index-schoolinto .mianchannel ul li a .tcmod {

    height: 42px;

  }

  .index-schoolinto .mianchannel ul li a .tcmod h3 {

    font-size: 1.428em;

    line-height: 42px;

  }

  .index-schoolinto .mianchannel ul li a:hover .tcmod {

    bottom: 0;

    top: auto;

    height: 42px;

  }

  .index-schoolinto .mianchannel ul li a:hover .tcmod h3 {

    margin-top: 0;

    line-height: 42px;

  }

  .index-schoolinto .mianchannel ul li a:hover .tcmod .dline {

    display: none;

  }

  .index-schoolinto .mianchannel ul li a:hover .tcmod .stract {

    display: none;

  }

  .index-schoolinto .intotitle h3 {

    font-size: 1.428em;

    margin: 20px 0;

  }

  .index-schoolinto .intopdlist {

    width: 300px;

  }

}

.crumbs {

  background: #f7f7f7;

}

.crumbs .crumbs-nav {

  max-width: 1200px;

  margin: 0 auto;

  text-align: right;

}

.crumbs .crumbs-nav ul {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

.crumbs .crumbs-nav ul li {

  margin-top: 0;

  float: left;

}

.crumbs .crumbs-nav ul li a {

  font-size: 1em;

  color: #999999;

  line-height: 52px;

}

.crumbs .crumbs-nav ul li span {

  padding: 0 10px;

  font-size: 1em;

  color: #999999;

}

.crumbs .crumbs-nav ul li.end a {

  color: #555555;

}

@media screen and (max-width: 1200px) {

  .crumbs .crumbs-nav ul li.end a {

    padding-right: 10px;

  }

}

@media screen and (max-width: 1024px) {

  .crumbs {

    display: none;

  }

}

.leftnav {

  position: absolute;

  top: -120px;

  left: 0;

  width: 230px;

  background: #ffffff;

}

.leftnav .classes .tit {

  color: #fff;

  background: #005b98;

  height: 120px;

  text-align: center;

  line-height: 120px;

  font-size: 26px;

  font-weight: bold;

}

.leftnav .classes .tit span {

  display: block;

}

.leftnav .classes .cont .class-a {

  border-left: 1px solid #ededed;

  border-right: 1px solid #ededed;

}

.leftnav .classes .cont .class-a li {

  text-align: center;

  border-bottom: 1px solid #ededed;

  position: relative;

}

.leftnav .classes .cont .class-a li > a {

  display: block;

  padding: 18px 0;

  font-size: 16px;

  color: #000;

  outline: none;

}

.leftnav .classes .cont .class-a li .class-b {

  display: none;

  padding-bottom: 12px;

}

.leftnav .classes .cont .class-a li .class-b dd a {

  font-size: 14px;

  color: #fff;

  /*color: #a3ddf7;*/

  display: block;

  line-height: 30px;

  outline: none;

}

.leftnav .classes .cont .class-a li .class-b dd.on a {

  color: #fff;

  /*background: url("../img/class_b_on.png") 92% center no-repeat;*/

}

.leftnav .classes .cont .class-a li .arrow {

  position: absolute;

  right: 0;

  top: 0;

  background: url("../img/arrow-r.png") center no-repeat;

  width: 45px;

  height: 58px;

  cursor: pointer;

}

.leftnav .classes .cont .class-a li.on > a {

  font-weight: bold;

  color: #003399;

}

.leftnav .classes .cont .class-a li.on .arrow {

  background-image: url("../img/arrow-r02.png");

}

.long .classes .tit {

  text-align: left;

  padding: 29px 0 29px 38px;

  height: auto;

  line-height: 1.2;

}

.long .classes .tit span {

  display: block;

}

@media screen and (max-width: 1024px) {

  .leftnav {

    position: static;

    width: auto;

  }

  .leftnav .classes .tit {

    text-align: left;

    padding-left: 20px;

    height: 45px;

    line-height: 45px ;

    font-size: 1.125em ;

    background: #005b98 url(../img/menu-coin.png) 98% center no-repeat;

    background-size: auto 40%;

    -webkit-background-size: auto 40%;

    -o-background-size: auto 40%;

    -moz-background-size: auto 40%;

  }

  .leftnav .classes .cont {

    display: none;

  }

  .leftnav .classes .cont .class-a li {

    text-align: left;

    padding-left: 20px;

  }

  .leftnav .classes .cont .class-a li > a {

    padding: 10px 0;

  }

  .leftnav .classes .cont .class-a li .class-b dd {

    text-indent: 1em;

  }

  .leftnav .classes .cont .class-a li .class-b dd.on a {

    background: none;

  }

  .leftnav .classes .cont .class-a li .arrow {

    height: 42px;

    background-color: #f9f9f9 ;

  }

  .long .classes .tit {

    background: #005b98;

    padding: 0 0 0 20px;

  }

  .long .classes .tit span {

    display: inline;

  }

}

.partynews {

  margin: 6% 0;

}

.partynews a {

  display: block;

  position: relative;

}

.partynews a img {

  display: block;

  width: 100%;

}

.partynews a .text {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 94%;

  font-size: 18px;

  line-height: 24px;

  padding: 9px 3%;

  color: #fff;

  background: rgba(59, 107, 192, 0.9);

  *background: #3b6bc0;

}

.party-building {

  padding-bottom: 20px;

}

.party-building ul li {

  float: left;

  width: 23.5%;

  margin-left: 2%;

}

.party-building ul li a {

  display: block;

  color: #000;

}

.party-building ul li a img {

  display: block;

  width: 100%;

  margin-bottom: 15px;

}

.party-building ul li a .tit {

  font-size: 14px;

  line-height: 20px;

}

.party-building ul li a .date {

  font-size: 12px;

  line-height: 24px;

}

.party-building ul li:first-child {

  margin-left: 0;

}

@media screen and (max-width: 768px) {

  .polymerize .polycontent .section .bookconcern li{

    width: 94%;

  }

  .polymerize .polycontent .section .bookconcern .tsCon-h1 .booklab .bookbg{

    width: 100%;

    max-height: 160px;

    min-height: 160px;

    margin: 0;

    left: 0;

  }

  .polymerize .polycontent .section .bookconcern .tsCon-h2 .booklab2 .bookbg{

    width: 100%;

    max-height: 160px;

    min-height: 160px;

  }

  .bookconcern li .booklab2 .personal ul li a .datetime{

    float: right;

  }



  .train-con02{

    padding-bottom: 700px !important;

  }

  .train-con02 .tab-listCon .tab-listC01 .tab-moreCon09{

    background:#fff !important;

    top: -87px !important;

  }

  .partynews a .text {

    font-size: 1em;

  }

  .party-building ul li {

    width: 49%;

    margin-bottom: 20px;

  }

  .party-building ul li:nth-of-type(2n+1) {

    margin-left: 0;

  }

}

@media screen and (max-width: 480px) {

  .party-building ul li {

    float: none;

    width: auto;

    margin-left: 0;

  }

}

.tablists .hd .tab li {

  float: left;

  color: #9d9d9d;

  width: auto;

  max-width: 176px;

  margin-left: 40px;

  cursor: pointer;

}

.tablists .hd .tab li strong {

  font-size: 2.142em;

  font-weight: normal;

  display: block;

}

.tablists .hd .tab li span {

  font-size: 1em;

  font-family: Arial, sans-serif;

  display: block;

  color: #737373;

}

.tablists .hd .tab li:first-child {

  margin-left: 0;

}

.tablists .hd .tab li.on {

  color: #000;

}

.tablists .bd {

  margin-top: 10px;

}

.tablists .bd .tablist {

  display: none;

}

.party-organization {

  padding: 30px 40px;

  border: 1px solid #d2d2d2;

}

.party-organization .leader li {

  font-size: 1.285em;

  color: #000;

  line-height: 40px;

}

.party-organization .leader li .job {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 6em;

}

.party-organization p {

  font-size: 1em;

  color: #434343;

  line-height: 26px;

}

.mass-organization-activities ul li {

  float: left;

  margin-left: 2%;

  width: 32%;

  *width: 31.9%;

  margin-bottom: 3%;

}

.mass-organization-activities ul li a {

  display: block;

  margin-bottom: 20px;

}

.mass-organization-activities ul li a img {

  display: block;

  width: 100%;

}

.mass-organization-activities ul li .tit {

  font-size: 1.285em;

  line-height: 24px;

  /*white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;*/

  width: 100%;

  margin-bottom: 0;

  color: #000000;

  max-height: 48px;

  overflow: hidden;

}

.mass-organization-activities ul li .date {

  margin-bottom: 15px;

  font-size: 0.857em;

  color: #000;

}

.mass-organization-activities ul li .cont {

  font-size: 1em;

  color: #434343;

  max-height: 5em;

  line-height: 24px;

  overflow: hidden;

}

.mass-organization-activities ul li:first-child {

  margin-left: 0;

}

.mass-organization-activities.hashover ul li {

  margin: 0 0.5% 3%;

  padding: 2px;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -o-box-sizing: border-box;

  -moz-box-sizing: border-box;

}

.mass-organization-activities.hashover ul li .tit {

  padding: 0 2%;

  width: 96%;

}

.mass-organization-activities.hashover ul li .date {

  padding: 0 2%;

}

.mass-organization-activities.hashover ul li .cont {

  padding: 0 2%;

  margin-bottom: 5%;

}

.mass-organization-activities.hashover ul li.on {

  border: 2px solid #3b6bc1;

  padding: 0;

}

@media screen and (max-width: 768px) {

  .tablists .hd .tab li {

    width: 49%;

    margin-left: 2%;

    margin-bottom: 10px;

    max-width: none;

  }

  .tablists .hd .tab li strong {

    font-size: 1.714em;

  }

  .tablists .hd .tab li span {

    font-size: 1em;

    line-height: 1.2;

  }

  .tablists .hd .tab li:nth-of-type(2n+1) {

    margin-left: 0;

  }

  .party-organization {

    padding: 10px 20px;

  }

  .party-organization .leader {

    padding: 10px 0;

  }

  .party-organization .leader li {

    line-height: 1.6;

    padding: 5px 0;

    text-align: center;

  }

  .party-organization .leader li .job {

    display: block;

    width: auto;

  }

  .mass-organization-activities ul li {

    width: 49%;

    margin-left: 2%;

    margin-bottom: 20px;

  }

  .mass-organization-activities ul li a img {

    max-width: none;

  }

  .mass-organization-activities ul li:nth-of-type(2n+1) {

    margin-left: 0;

  }

}

@media screen and (max-width: 480px) {

  .vice-banner img{

    /* width: 1000px !important;

    margin-left: -500px !important; */

  }

  .tablists .hd .tab li strong {

    font-size: 1.285em;

  }

  .mass-organization-activities ul li {

    float: none;

    width: auto;

    margin-left: 0;

    margin-bottom: 20px;

  }

  .mass-organization-activities ul li a img {

    max-width: none;

  }

}

.bigtitle {

  padding-bottom: 25px;

  background: url("../img/dsh-titBg.png") no-repeat;

  background-size: 100% 82px;

  width: 100%;

  height: 82px;

}

.bgNone{

  background: none;

}

.bigtitle h3 {

  font-size: 2.142em;

  font-weight: normal;

  margin: 0;

  color: #000000;

  padding: 10px 0 0 20px;

}

.bigtitle h3 .ck-more04{

  float: right;

  font-size: 14px;

  color: #999;

  font-weight: bold;

  line-height: 41px;

}

.bigtitle p {

  color: #737373;

  font-size: 1em;

  padding: 0 0 0 20px;

}

@media screen and (max-width: 768px) {

  .bigtitle h3 {

    font-size: 1.714em;

  }

}

@media screen and (max-width: 480px) {

  .bigtitle h3 {

    font-size: 1.285em;

  }

}

.kjdetails .conttitle {

  font-size: 1.285em;

  color: #000000;

  line-height: 20px;

  margin: 0;

}

.kjdetails .kjcontent {

  color: #585858;

  font-size: 1em;

  line-height: 24px;

  padding-top: 15px;

}

.kjdetails .kjcontent img {

  display: block;

  width: 100%;

  margin: 15px 0;

}

.leader-list .incumbent li {

  margin-top: 10px;

  position: relative;

  border: 2px solid #d2d2d2;

  padding: 48px 0 60px 0;

}

.leader-list .incumbent li .leadtit {

  float: left;

  margin: 0 8%;

  width: 160px;

  text-align: center;

  color: #000000;

}

.leader-list .incumbent li .leadtit img {

  display: none;

}

.leader-list .incumbent li .leadtit .title {

  font-size: 2.142em;

  padding-top: 0;

}

.leader-list .incumbent li .leadtit .jobs {

  font-size: 1em;

  text-align: center;

}

.leader-list .incumbent li .leadeinfo {

  width: 58%;

  height: 118px;

  overflow: hidden;

  *zoom: 1;

}

.leader-list .incumbent li .leadeinfo p {

  padding-bottom: 20px;

  color: #767676;

  font-size: 1em;

  line-height: 24px;

}

.leader-list .incumbent li a.openbtn {

  display: block;

  font-size: 1em;

  color: #000000;

  position: absolute;

  right: 3%;

  bottom: 20px;

}

.leader-list .incumbent li.zkon {

  border: 2px solid #3c6bc1;

}

.leader-list .incumbent li.zkon .leadtit img {

  display: block;

  width: 100%;

}

.leader-list .incumbent li.zkon .leadtit .title {

  padding-top: 30px;

}

.leader-list .incumbent li.zkon .leadeinfo {

  height: auto;

}

.leader-list .incumbent li.zkon a.openbtn {

  display: none;

}

@media screen and (max-width: 768px) {

  .leader-list .incumbent li .leadtit {

    float: none !important;

    margin: 0 auto;

  }

  .leader-list .incumbent li .leadtit .title {

    font-size: 1.714em;

  }

  .leader-list .incumbent li .leadeinfo {

    float: none !important;

    width: 94%;

    margin: 20px auto 0;

  }

  .leader-list .incumbent li.zkon .leadtit .title {

    padding-top: 10px;

  }

}

.succe-leader .successive ul {

  width: 49%;

  float: left;

  margin-left: 2%;

}

.succe-leader .successive ul li {

  margin-top: 15px;

}

.succe-leader .successive ul li a {

  border: 2px solid #ffffff;

  display: block;

  width: 100%;

}

.succe-leader .successive ul li a table {

  width: 100%;

}

.succe-leader .successive ul li a table thead tr td {

  width: 25%;

  text-align: center;

  background: #3c6bc1;

  color: #ffffff;

  line-height: 50px;

  font-size: 1em;

}

.succe-leader .successive ul li a table tbody tr td {

  text-align: center;

  font-size: 1em;

  background: #e8effd;

  color: #000000;

}

.succe-leader .successive ul li a table tbody tr td img {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 54px;

  margin: 10px 0;

}

.succe-leader .successive ul li a:hover {

  border: 2px solid #3c6bc1;

}

.succe-leader .successive ul:first-child {

  margin-left: 0;

}

@media screen and (max-width: 768px) {

  .succe-leader .successive ul {

    float: none !important;

    margin: 0;

    width: 100%;

  }

}

.leader-detail .former {

  padding: 20px 0;

}

.leader-detail .former .leadertit {

  float: left;

  width: 160px;

  text-align: center;

  margin: 0 5%;

  color: #000000;

}

.leader-detail .former .leadertit img {

  display: block;

  width: 100%;

}

.leader-detail .former .leadertit .title {

  padding-top: 20px;

  font-size: 2.142em;

}

.leader-detail .former .leadertit .jabs {

  font-size: 1em;

}

.leader-detail .former .leadercont {

  float: left;

  width: 64%;

}

.leader-detail .former .leadercont p {

  color: #767676;

  font-size: 1em;

  line-height: 24px;

  padding-bottom: 20px;

}

@media screen and (max-width: 768px) {

  .leader-detail .former .leadertit {

    float: none !important;

    margin: 0 auto;

  }

  .leader-detail .former .leadertit .title {

    font-size: 1.714em;

    padding-top: 10px;

  }

  .leader-detail .former .leadercont {

    float: none !important;

    width: 100%;

    margin-top: 20px;

  }

}

.company-list .bodies li {

  margin-top: 10px;

  position: relative;

  border: 1px solid #d2d2d2;

  padding: 20px 10.7% 20px 4%;

}

.company-list .bodies li a.openbtn {

  display: block;

  position: absolute;

  right: 2%;

  top: 23px;

}

.company-list .bodies li .orgtit {

  color: #000000;

  font-size: 1.285em;

}

.company-list .bodies li .orginfo {

  display: none;

}

.company-list .bodies li.coon {

  border: 2px solid #3b6bc1;

}

.company-list .bodies li.coon .openbtn {

  /*display: none;*/

}

.company-list .bodies li.coon .orgtit p {

  line-height: 40px;

}

.company-list .bodies li.coon .orginfo {

  display: none;

  font-size: 1em;

  color: #767676;

  line-height: 24px;

  box-sizing:border-box;

}

.company-list .bodies li.coon .orginfo_jq{

	padding-top:30px;

}

.company-list .bodies li.coon .orginfo .deplist p {

  color: #767676;

  padding-left: 20px;

  background: url("../img/list-coin01.png") no-repeat left center;

}

.page-nav .page a,

.page-nav .page i {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  padding: 0 8px;

  border: 1px solid #b5b5b5;

  line-height: 30px;

  min-width: 1em;

  text-align: center;

  margin-left: 4px;

}

.page-nav .page a {

  font-size: 1em;

  font-family: Arial, "Microsoft Yahei";

  color: #000000;

}

.page-nav .page a:first-child {

  margin-left: 0;

}

.page-nav .page a:hover,

.page-nav .page a.on {

  background: #3d6bc1 ;

  color: #fff;

  border-color: #3d6bc1;

}

.page-nav .page i {

  font-style: normal;

}

@media screen and (max-width: 768px) {

  .page-nav {

    padding-top: 20px;

  }

  .page-nav .page {

    text-align: center;

  }

  .page-nav .page .page-num,

  .page-nav .page i {

    display: none;

  }

  .page-nav .page a {

    margin-left: 4px;

    margin-bottom: 4px;

  }

}

.bpage-nav {

  position: relative;

}

.bpage-nav .page a,

.bpage-nav .page i {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  padding: 0 8px;

  border: 1px solid #b5b5b5;

  line-height: 30px;

  min-width: 1em;

  text-align: center;

  margin-left: 4px;

}

.bpage-nav .page a {

  font-size: 1em;

  font-family: Arial, "Microsoft Yahei";

  color: #000000;

}

.bpage-nav .page a:first-child {

  margin-left: 0;

}

.bpage-nav .page a:hover,

.bpage-nav .page a.on {

  background: #3d6bc1 ;

  color: #fff;

  border-color: #3d6bc1;

}

.bpage-nav .page i {

  font-style: normal;

}

.bpage-nav .bkbtn {

  display: block;

  position: absolute;

  right: 0;

  top: 6px;

  z-index: 1;

  font-size: 1em;

  color: #000000;

}

@media screen and (max-width: 768px) {

  .bpage-nav {

    padding-top: 20px;

  }

  .bpage-nav .page {

    text-align: center;

  }

  .bpage-nav .page .page-num,

  .bpage-nav .page i {

    display: none;

  }

  .bpage-nav .page a {

    margin-left: 20px;

  }

  .bpage-nav .bkbtn {

    display: block;

    position: static;

    right: auto;

    top: auto;

    z-index: 1;

    font-size: 1em;

    color: #000000;

    border: 1px solid #b5b5b5;

    text-align: center;

    width: 140px;

    line-height: 30px;

    margin: 20px auto;

  }

  .bpage-nav .bkbtn:hover {

    background: #3d6bc1 ;

    color: #fff;

    border-color: #3d6bc1;

  }

}

.morebtns {

  display: block;

  font-size: 1.285em;

  color: #002c81;

  border: 1px solid #002c81;

  line-height: 48px;

  width: 100%;

  text-align: center;

  margin-top: 15px;

}

.selectbox {

  position: relative;

  /*max-width: 105px;*/

  text-align: right;

}

.selectbox a {

  outline: none;

}

.selectbox .valuebox {

  display: block;

  font-size: 1.857em;

  line-height: 1.4;

  color: #000;

  background: url("../img/arrow-b.png") right center no-repeat;

  padding-right: 20px;

}

.selectbox .selectoption {

  position: absolute;

  right: 0;

  top: 100%;

  max-width: 105px;

  display: none;

  background: #fff;

  border: 1px solid #ededed;

  width: 100%;

  text-align: center;

}

.selectbox .selectoption ul {

  height: 11.5em;

  overflow-x: auto;

}

.selectbox .selectoption ul li {

  font-size: 1.571em;

  border-bottom: 1px solid #ededed;

}

.selectbox .selectoption ul li a {

  color: #333;

}

.selectbox .selectoption ul li:hover {

  background: #ededed;

}

@media screen and (max-width: 768px) {

  .selectbox {

    max-width: 80px;

  }

  .selectbox .valuebox {

    font-size: 1.285em;

  }

  .selectbox .selectoption ul li {

    font-size: 1.142em ;

    text-align: left;

    padding: 0 5px;

  }

}

.journallist {

  padding-top: 10px;

}

.journallist ul li {

  float: left;

  width: 24%;

  margin: 0 0.5% 4%;

}

.journallist ul li .journal a {

  display: block;

}

.journallist ul li .journal a img {

  display: block;

  width: 100%;

}

.journallist ul li .journal a .tit {

  display: block;

  font-weight: normal;

  font-size: 1.285em;

  color: #000;

  padding: 20px 1.5% 0;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  width: 97%;

}

.journallist ul li .journal a .num {

  display: block;

  font-size: 1em;

  color: #003399;

  padding: 0 1.5%;

}

@media screen and (max-width: 1280px) {

  .journallist ul li {

    width: 32.33%;

    *width: 32.2%;

  }

}

@media screen and (max-width: 768px) {

  .journallist ul li {

    width: 49%;

  }

}

@media screen and (max-width: 480px) {

  .journallist ul li {

    width: auto;

    float: none;

  }

  .journallist ul li .journal a .tit {

    font-size: 1.142em;

    padding-top: 10px;

  }

}

.folk-songs .waterfall {

  margin: auto;

  position: relative;

}

.folk-songs .waterfall .waterfall-box {

  float: left;

  width: 300px;

}

.folk-songs .waterfall .waterfall-box a {

  display: block;

  outline: none;

}

.folk-songs .waterfall .waterfall-box a .pic img {

  width: 100%;

  display: block;

}

.folk-songs .waterfall .waterfall-box a .tit {

  font-size: 18px;

  color: #000;

  padding: 15px;

  min-height: 2em;

}

@media screen and (max-width: 768px) {

  .folk-songs .waterfall .waterfall-box a .tit {

    font-size: 14px;

    padding: 8px;

    min-height: 0;

  }

}

.folk-songs-slide {

  display: none;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: url("../img/bg.png") left top repeat;

  z-index: 2000;

}

.folk-songs-slide .slide {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 886px;

  height: 650px;

  margin-top: -325px;

  margin-left: -443px;

  background: #fff;

}

.folk-songs-slide .slide .btn-close {

  position: absolute;

  right: 8px;

  top: 8px;

  width: 30px;

  height: 30px;

  background: url("../img/btn_close.png") center no-repeat;

  z-index: 10;

}

.folk-songs-slide .slide .prev,

.folk-songs-slide .slide .next {

  position: absolute;

  top: 50%;

  margin-top: -67px;

  width: 37px;

  height: 62px;

  z-index: 3;

}

.folk-songs-slide .slide .prev img,

.folk-songs-slide .slide .next img {

  display: block;

  width: 100%;

}

.folk-songs-slide .slide .next {

  right: 15px;

}

.folk-songs-slide .slide .prev {

  left: 15px;

}

.folk-songs-slide .slide .bd {

  padding: 8px 8px 0 8px;

  position: relative;

}

.folk-songs-slide .slide .bd ul {

  width: 100%;

  position: relative;

}

.folk-songs-slide .slide .bd ul li {

  display: none;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

}

.folk-songs-slide .slide .bd ul li .pic {

  height: 575px;

}

.folk-songs-slide .slide .bd ul li .pic img {

  width: 100%;

  display: block;

}

.folk-songs-slide .slide .bd ul li .text {

  text-align: center;

  font-size: 18px ;

  color: #000;

  line-height: 67px;

  width: 94%;

  padding: 0 3%;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.folk-songs-slide .slide .bd ul li.on {

  display: block;

}

@media screen and (max-width: 1024px) {

  .folk-songs .waterfall .waterfall-box{

    width: 31.33%;

  }

  .folk-songs-slide .slide {

    top: 24%;

    left: 15%;

    width: 70%;

    height: auto;

    margin-left: 0;

    margin-top: 0;

  }

  .folk-songs-slide .slide .bd ul li .pic {

    height: auto;

  }

  .folk-songs-slide .slide .bd ul li .text {

    line-height: 48px;

  }

}

@media screen and (max-width: 768px) {

  .lightbox{

    width: 80% !important;

    margin-left: -43% !important;

  }

  .folk-songs .waterfall .waterfall-box{

    width: 66%;

  }

  .folk-songs-slide .slide {

    top: 30%;

    left: 15%;

    width: 70%;

    height: auto;

    margin-left: 0;

    margin-top: 0;

  }

  .folk-songs-slide .slide .prev,

  .folk-songs-slide .slide .next {

    width: 25px;

    height: 42px;

    margin-top: -35px;

  }

  .folk-songs-slide .slide .bd ul li .pic {

    height: auto;

  }

  .folk-songs-slide .slide .bd ul li .text {

    font-size: 14px;

    line-height: 36px;

  }

}

.backtitle {

  padding-bottom: 25px;

  position: relative;

  background: url("../img/dsh-titBg.png") no-repeat;

  background-size: 100% 82px;

  width: 100%;

  height: 82px;

  margin-top: 40px;

}

.backtitle h3 {

  font-size: 2.142em;

  font-weight: normal;

  margin: 0;

  color: #000000;

  padding: 8px 0 0 20px;

}

.backtitle p {

  color: #737373;

  font-size: 1em;

  padding: 0 0 0 20px;

}

.backtitle .bkbtn {

  display: block;

  position: absolute;

  right: 25px;

  top: 30%;

  z-index: 1;

  font-size: 1em;

  color: #000000;

}

@media screen and (max-width: 768px) {



  .backtitle{

    width: 96%;

    padding: 0 10px;

    margin: 10px 0;

  }

  .newsdetail{

    padding: 0 10px;

  }

  .backtitle h3 {

    font-size: 1.714em;

    padding: 20px 0 0 20px;

  }

  .backtitle .bkbtn {

    top: 35px;

  }

}

@media screen and (max-width: 480px) {

  .backtitle h3 {

    font-size: 1.285em;

    padding: 30px 0 0 20px;

  }

  .backtitle .bkbtn {

    display: none;

  }

}

.currencylist .newslist {

  padding-bottom: 20px;

}

.currencylist .newslist li {

  margin-top: 10px;

  border: 1px solid #d2d2d2;

}

.currencylist .newslist li a {

  display: block;

}

.currencylist .newslist li a img {

  float: left;

  display: block;

  width: 299px;

}

.currencylist .newslist li a .newsinfo {

  margin-left: 324px;

  margin-right: 20px;

}

.currencylist .newslist li a .newsinfo .title {

  font-size: 1.285em;

  color: #000000;

  margin-top: 20px;

  height: 50px;

}

.currencylist .newslist li a .newsinfo .cont {

  font-size: 1em;

  color: #767676;

  line-height: 24px;

  height: 64px;

}

.currencylist .newslist li a .newsinfo .date {

  color: #000000;

}

.currencylist .newslist li a .newsinfo .from {

  color: #000000;

  margin-left: 10px;

}

@media screen and (max-width: 768px) {

  .currencylist .newslist li a img {

    float: none !important;

    width: 100%;

  }

  .currencylist .newslist li a .newsinfo {

    margin: 10px;

    width: auto;

  }

  .currencylist .newslist li a .newsinfo .title {

    height: auto;

    padding-bottom: 15px;

  }

  .currencylist .newslist li a .newsinfo .cont {

    height: auto;

    padding-bottom: 10px;

  }

}

.notice-lists {

  padding-bottom: 40px;

}

.notice-lists .notice li {

  border-top: 1px solid #d2d2d2;

  padding: 20px 0;

  position: relative;

}

.notice-lists .notice li a span {

  display: block;

  font-size: 1.285em;

  line-height: 24px;

  color: #000000;

  max-width: 66%;

}

.notice-lists .notice li a span .news {

  padding-left: 8px;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 28px;

  height: 14px;

  background: url("../img/news-coin01.jpg") no-repeat center;

}

.notice-lists .notice li .datetime {

  display: block;

  font-size: 1em;

  position: absolute;

  right: 0;

  top: 24px;

}

@media screen and (max-width: 768px) {

  .notice-lists .notice li a span {

    font-size: 1.142em;

  }

}

@media screen and (max-width: 480px) {

  .notice-lists .notice li a span {

    max-width: 100%;

    font-size: 1em;

  }

  .notice-lists .notice li .datetime {

    right: auto;

    top: auto;

    line-height: 24px;

    position: static;

  }

}

.answer ul,

.program ul {

  padding-bottom: 15px;

}

.answer ul li,

.program ul li {

  padding: 16px 25px;

  border: 1px solid #d2d2d2;

  margin-bottom: 10px;

  cursor: pointer;

}

.answer ul li .hd,

.program ul li .hd {

  position: relative;

}

.answer ul li .hd .tit,

.program ul li .hd .tit {

  font-size: 18px;

  color: #000;

  font-weight: normal;

  background: url("../img/answer_ques.png") left 3px no-repeat;

  padding: 4px 5em 4px 45px;

  display: block;

}

.answer ul li .hd .btn-show,

.program ul li .hd .btn-show {

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -1em;

  font-size: 14px;

  color: #000;

  width: 5em;

  height: 1.5em;

  line-height: 1.5em;

  outline: none;

}

.answer ul li .bd,

.program ul li .bd {

  display: none;

}

.answer ul li .bd .cont,

.program ul li .bd .cont {

  padding: 12px 45px 18px;

  font-size: 14px ;

  color: #767676;

  line-height: 24px;

  background: url("../img/answer_req.png") left 10px no-repeat;

}

.answer ul li .bd .date,

.program ul li .bd .date {

  color: #000;

  font-size: 12px;

  margin-left: 45px;

}

.answer ul li .bd .from,

.program ul li .bd .from {

  color: #000;

  font-size: 12px;

  margin-left: 1em;

}

.answer ul li.on,

.program ul li.on {

  border-color: #3b6bc1;

}

.answer ul li.on .hd .btn-show,

.program ul li.on .hd .btn-show {

  /*display: none;*/

}

.program ul li .hd .tit {

  background: none;

  padding-left: 5px;

}

.program ul li .bd .cont {

  padding-left: 10px;

  padding-right: 10px;

  background: none;

}

.program ul li .bd .cont .pic {

  float: left;

  width: 340px;

  height: 200px;

  margin-right: 3em;

  margin-bottom: 1em;

}

.program ul li .bd .cont .pic img{

  width: 100%;

}

.program ul li .bd .cont .text {

  /*padding-top: 10px;*/

  padding-right: 20px;

  float: left;

  width: 64%;

}

.program ul li .bd .cont .text p{

  margin-left: 0 !important;

}

.program ul li.on .bd {

  display: block;

}

@media screen and (max-width: 768px) {

  .program ul li .bd .cont .text {

    

    width: 100%;

  }

  .answer ul li .hd .tit,

  .program ul li .hd .tit {

    width: 70%;

    padding-right: 0;

    font-size: 16px;

    background: url("../img/answer_ques.png") left 0px no-repeat;

  }

  .answer ul li .hd .btn-show,

  .program ul li .hd .btn-show {

    /*position: static;*/

    /*margin: 10px  auto 0;*/

    display: block;

  }

  .answer ul li .bd .cont,

  .program ul li .bd .cont {

    padding-right: 5%;

  }

}

@media screen and (max-width: 480px) {

  .answer ul li, .program ul li{

    padding: 16px 6px;

  }

  .answer ul li .bd .from,

  .program ul li .bd .from {

    display: block;

    margin-left: 0;

    padding-left: 45px;

  }

}

.ly-banner {

  width: 1920px;

  overflow: hidden;

  *zoom: 1;

  position: fixed;

  left: 0;

  top: 0;

  z-index: -100;

}

.ly-banner img {

  display: block;

  width: 100%;

}

@media screen and (max-width: 1280px) {

  .ly-banner img {

    width: auto;

    height: 100%;

  }

}

@media screen and (max-width: 1024px) {

  .ly-banner {

    position: relative;

    left: auto;

    top: auto;

    height: 500px;

    width: 100%;

    overflow: hidden;

  }

  .ly-banner img {

    width: 1280px;

    display: block;

    position: absolute;

    left: 50%;

    margin-left: -640px;

  }

}

@media screen and (max-width: 768px) {

  .ly-banner {

    height: 400px;

    overflow: hidden;

  }

  .ly-banner img {

    width: 768px;

    margin-left: -384px;

  }

}

@media screen and (max-width: 480px) {

  .ly-banner {

    height: 300px;

    overflow: hidden;

  }

  .ly-banner img {

    width: 480px;

    margin-left: -240px;

  }

}

.lycontent {

  position: relative;

  width: 1200px;

  top: 0;

  left: 50%;

  margin-left: -600px;

  min-height: 979px;

}

.lycontent .leftnav02 {

  width: 15%;

  position: absolute;

  left: 0;

  top: 145px;

}

.lycontent .leftnav02 ul li a {

  display: block;

  width: 100%;

  background: url("../img/lycont-bg.png") repeat;

  text-align: center;

  color: #000000;

  font-size: 1.285em;

  line-height: 3em;

  margin-bottom: 2px;

}

.lycontent .leftnav02 ul li.on a {

  background: #3d6bc1;

  color: #ffffff;

}

.lycontent .rightcont02 {

  float: right;

  width: 83%;



  background: #ffffff;

  border: 1px solid #cccccc;

  overflow-x: hidden;

  margin: 145px 0 376px;

}

 .lycontent .right-conh2{

	margin:120px auto;

	float:none;

 }

.lycontent .rightcont02 .rulebox {

  padding: 10px;

  text-align: left;

}

.lycontent .rightcont02 .rulebox .noticecont {

  position: relative;

}

.lycontent .rightcont02 .rulebox .noticecont .title {

  background: #3d6bc1;

  color: #ffffff;

}

.lycontent .rightcont02 .rulebox .noticecont .title h3 {

  float: left;

  margin: 0;

  padding-left: 10px;

  line-height: 40px;

  font-size: 1.285em;

  font-weight: normal;

}

.lycontent .rightcont02 .rulebox .noticecont .title span {

  float: right;

  width: 80px;

  height: 40px;

  line-height: 40px;

  display: block;

  cursor: pointer;

  background: url("../img/lyzkbtn.png") no-repeat center;

}

.lycontent .rightcont02 .rulebox .noticecont .lists {

  display: none;

  background: #3d6bc1;

  position: absolute;

  top: 40px;

  left: 0;

  padding-bottom: 20px;

}

.lycontent .rightcont02 .rulebox .noticecont .lists ul li {

  font-size: 1.142em;

  color: #ffffff;

  float: left;

  width: 50%;

  cursor: pointer;

  line-height: 36px;

}

.lycontent .rightcont02 .rulebox .noticecont .lists ul li a {

  color: #ffffff;

  padding-left: 12%;

}

.lycontent .rightcont02 .rulebox .noticecont .lists ul li.on {

  background: #00b8ee;

}

.lycontent .rightcont02 .rulebox .noticecont .lists ul li:hover {

  background: #00b8ee;

}

.lycontent .rightcont02 .rulebox .noticebd .messages {

  padding: 30px 0;

  color: #000000;

  font-size: 1em;

  line-height: 24px;

}

.lycontent .rightcont02 .rulebox .noticebd .messages table {

  margin-top: 20px;

  width: 100%;

  background: #cccccc;

}

.lycontent .rightcont02 .rulebox .noticebd .messages table tr td {

  border: 1px solid #ffffff;

  padding: 10px 0 10px 5px;

}

@media screen and (max-width: 1280px) {

  .lycontent {

    width: 96%;

    left: auto;

    margin: 0 auto;

  }

}

@media screen and (max-width: 1024px) {

  .lycontent {

    width: 100%;

    position: static;

    background: #ffffff;

    top: auto;

    padding-top: 10px;

  }

  .lycontent .leftnav02 {

    position: static;

    left: auto;

    top: auto;

    width: 96%;

    margin: 0 auto;

  }

  .lycontent .leftnav02 ul li {

    margin-top: 10px;

    border: 1px solid #dfdfdf;

  }

  .lycontent .leftnav02 ul li a {

    margin-bottom: 0;

  }

  .lycontent .rightcont02 {

    float: none !important;

    width: 96%;

    margin: 20px auto;

  }

}

@media screen and (max-width: 768px) {

  .lycontent .leftnav02 ul li a {

    line-height: 34px;

    font-size: 1em;

  }

  .lycontent .rightcont02 {

    float: none !important;

    width: 96%;

    margin: 20px auto;

  }

  .lycontent .rightcont02 .rulebox .noticecont .lists {

    width: 100%;

  }

  .lycontent .rightcont02 .rulebox .noticecont .lists ul li {

    padding-left: 5%;

    padding-right: 5%;

    float: none !important;

    width: auto;

  }

  .lycontent .rightcont02 .rulebox .noticecont .lists ul li a {

    font-size: 1em;

    padding-left: 0;

    line-height: 26px;

  }

}

.openedtime {

  /*background: #676a71;*/

  color: #ffffff;

  text-align: center;

  padding: 30px 0;

  position: absolute;

  top: 30%;

  left: 0;

  width: 100%;

  display: none;

}

@media screen and (max-width: 1700px){

  .openedtime{

    top: 27%;

  }

}

@media screen and (max-width: 1500px){

  .openedtime{

    top: 24%;

  }

}

@media screen and (max-width: 1330px){

  .openedtime{

    top: 21%;

  }

}

@media screen and (max-width: 1130px){

  .openedtime{

    top: 18%;

  }

}

.openedtime h3 {

  margin: 0;

  font-size: 2.714em;

  line-height: 48px;

}

.openedtime p {

  font-size: 1.285em;

}

@media screen and (max-width: 768px) {

  .company-list .bodies li .orgtit{

    width: 80%;

  }

  .company-list .bodies li .orgtit p{

    line-height: normal !important;

  }

  .openedtime {

    padding: 20px 0;

  }

  .openedtime h3 {

    font-size: 2em;

    line-height: 36px;

  }

  .openedtime p {

    font-size: 1.142em;

  }

}

@media screen and (max-width: 480px) {

  .openedtime {

    padding: 10px 0;

  }

  .openedtime h3 {

    font-size: 1.714em;

    line-height: 36px;

  }

  .openedtime p {

    font-size: 1em;

  }

}

.polymerize {

  background: #f5f5f5;

}

.polymerize .polycontent {

  width: 1180px;

  margin: 0 auto;

  padding: 10px 10px;

}

.polymerize .polycontent .section {

  margin-bottom: 10px;

}

.polymerize .polycontent .section .pleft {

  float: left;

  width: 100%;

  *width: 100%;

}

.polymerize .polycontent .section .pright {

  float: left;

  margin-left: 2%;

  *margin-left: 1.9%;

  width: 49%;

  *width: 48.9%;

  display: none;

}

.modular {

  padding: 9px;

  border: 1px solid #d2d2d2;

  background: #ffffff;

}

.modular h3.title {

  background: #3d6bc1;

  color: #ffffff;

  padding-left: 9px;

  font-weight: normal;

  margin: 0 0 30px 0;

  line-height: 40px;

  font-size: 1.285em;

  text-align: center;

}

.modular .tidings {

  font-size: 1em;

  padding: 0 10px 20px;

}

.modular .tidings a {

  color: #000000;

}

.modular .tidings .online {

  display: block;

  margin-bottom: 28px;

}

.modular .tidings .notice li a {

  position: relative;

  display: block;

  line-height: 30px;

}

.modular .tidings .notice li a .newstit {

  padding-right: 7em;

}

.modular .tidings .notice li a .newstit span {

  display: block;

  width: 92%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.modular .tidings .notice li a .datetime {

  display: block;

  width: 8%;

  position: absolute;

  right: 0;

  top: 0;

}

.modular .tidings .guide li {

  float: left;

  width: 50%;

  line-height: 36px;

}

.modular .servicefw ul li {

  float: left;

  width: 23.5%;

  *width: 23.4%;

  margin-left: 1.9%;

  *margin-left: 1.8%;

  margin-bottom: 10px;

}

.modular .servicefw ul li a {

  display: block;

  border: 1px solid #d2d2d2;

  line-height: 38px;

  width: 100%;

  text-align: center;

}

.modular .servicefw ul li:first-child {

  margin-left: 0;

}

.modular .servicefw ul .noleft {

  margin-left: 0;

}

.mn-top10 {

  margin-top: 10px;

}

.warehouse .libraries {

  float: left;

  width: 32.8%;

  *width: 32.7%;

  margin-left: 0.8%;

  *margin-left: 0.7%;

}

.warehouse .libraries .kutit {

  position: relative;

  overflow: hidden;

  width: 100%;

}

.warehouse .libraries .kutit img {

  position: relative;

  width: 380px;

  left: 50%;

  margin-left: -190px;

}

.warehouse .libraries .kutit span {

  position: absolute;

  z-index: 1;

  left: 20px;

  line-height: 72px;

  font-size: 1.428em;

  color: #ffffff;

}

.warehouse .libraries .kulist {

  padding: 22px;

}

.warehouse .libraries .kulist a {

  display: block;

  line-height: 28px;

  color: #000000;

}

.warehouse .noleft {

  margin-left: 0;

}

.bookconcern li {

  float: left;

  width: 32%;

  margin-left: 2%;

  *margin-left: 1.9%;

  overflow: hidden;

}

.bookconcern li.tsCon-h1{

  width: 28%;

  *width: 27.9%;

  min-width: 214px;

}

.bookconcern li.tsCon-h2{

  width: 40%;

  *width: 39.9%;

  

}

@media screen and (max-width: 1920px){

  .bookconcern li.tsCon-h1{

    

    min-height: 214px;

  }

  .bookconcern li.tsCon-h2{

    min-height: 214px;

  }

}

.bookconcern li.tsCon-h2 .booklab2 .bookbg{

  width: 100%;

  min-height: 160px;

  max-height: 160px;

}

.bookconcern li.tsCon-h2 .booktit-l .ggxx-m-link{

  float: right;

  color: #fff;

  font-size: 14px;

  padding-right: 5%;

}

.bookconcern li .booktit {

  line-height: 54px;

  text-align: center;

  background: #3d6bc1;

  color: #ffffff;

  font-size: 1.142em;

}

.bookconcern li .booktit-l{

  line-height: 54px;

  text-align: left;

  background: #3d6bc1;

  color: #ffffff;

  font-size: 1.142em;

  padding-left: 10px;

}



.bookconcern li .tit02 {

  background: #00b8ee;

}

.bookconcern li .tit03 {

  background: #80c26a;

}

.bookconcern li .booklab{

  position: relative;

}

.bookconcern li .booklab .bookbg {

  position: relative;

  width: 380px;

  left: 50%;

  margin-left: -190px;

}

.bookconcern li .booklab2{

  position: relative;

}

.bookconcern li .booklab2 .personal{

  position: absolute;

  z-index: 100;

  top: 8px;

  width: 100%;

  left: 0;

  text-align: left;

}

.bookconcern li .booklab2 .personal ul li{

  width: 94%;

  padding: 0 3%;

  margin: 0;

  display: block;

  line-height: 25px;

}

.bookconcern li .booklab2 .personal ul li a{

  color: #fff;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;



}

.bookconcern li .booklab2 .personal ul li a .newstit{

  float: left;

  width: 70%;

  overflow: hidden; 

  text-overflow: ellipsis;

  white-space: nowrap;

}

.bookconcern li .booklab .personal {

  position: absolute;

  z-index: 100;

  top: 20px;

  width: 168px;

  left: 50%;

  margin-left: -84px;

  text-align: center;

}

.bookconcern li .booklab .personal a {

  width: 100%;

  display: block;

  color: #ffffff;

  border: 1px solid #ffffff;

  line-height: 40px;

  margin-top: 10px;

}

.bookconcern li:first-child {

  margin-left: 0;

}

.degree-section {

  padding: 5% 0;

}

.degree-section li .booklab .bookbg {

  width: 390px;

  margin-left: -195px;

}

.fridendlink .fdtitle {

  border-bottom: 1px solid #d2d2d2;

}

.fridendlink .fdtitle h3 {

  float: left;

  margin: 0;

  font-weight: normal;

  color: #000000;

  line-height: 38px;

  font-size: 1.285em;

}

.fridendlink .fdtitle .more {

  float: right;

  line-height: 38px;

  color: #000000;

}

.fridendlink .fdlists {

  margin-top: 20px;

}

.fridendlink .fdlists a {

  font-size: 1em;

  color: #666666;

  white-space: nowrap;

}

.fridendlink .fdlists span {

  padding: 0 14px;

}

@media screen and (max-width: 1200px) {

  .polymerize .polycontent {

    width: auto;

  }

}

@media screen and (max-width: 1024px) {

  .vice-banner img{

    width: 100%;

    position: relative;

    /* left: 50%;

    margin-left: -720px; */

  }

  .fridendlink {

    display: none;

  }

}

@media screen and (max-width: 900px) {

  .polymerize .polycontent .section {

    margin-bottom: 40px;

  }

  .polymerize .polycontent .section .pleft {

    float: none !important;

    width: 100%;

    *width: 100%;

  }

  .polymerize .polycontent .section .pright {

    float: left;

    margin-top: 10px;

    margin-left: 0%;

    *margin-left: 0%;

    width: 100%;

    *width: 100%;

  }

}

@media screen and (max-width: 768px) {

  .warehouse .libraries {

    float: none !important;

    width: 380px;

    *width: 380px;

    margin: 0 auto;

    *margin-left: auto;

  }

  .warehouse .noleft {

    margin-left: auto;

  }

  .bookconcern li {

    float: none !important;

    width: 380px;

    *width: 380px;

    margin: 10px auto;

    *margin-left: auto;

  }

  .bookconcern li:first-child {

    margin-left: auto;

  }

}

@media screen and (max-width: 480px) {

  .modular .tidings .guide li {

    float: none !important;

    width: 100%;

  }

  .modular .servicefw ul li {

    float: left;

    width: 48.8%;

    *width: 48.7%;

    margin-left: 1.9%;

    *margin-left: 1.8%;

    margin-bottom: 10px;

  }

  .modular .servicefw ul li a {

    display: block;

    border: 1px solid #d2d2d2;

    line-height: 38px;

    width: 100%;

    text-align: center;

  }

  .modular .servicefw ul li:first-child {

    margin-left: 0;

  }

  .modular .servicefw ul li.odd {

    margin-left: 0;

  }

  .modular .servicefw ul .noleft {

    margin-left: 0;

  }

}

@media screen and (max-width: 420px) {

  .warehouse .libraries {

    width: 100%;

    *width: 100%;

  }

}

@media screen and (max-width: 400px) {

  .bookconcern li {

    width: 100%;

    *width: 100%;

  }

}

.teachers-team {

  margin-top: 20px;

  border: 1px solid #d2d2d2;

}

.teachers-team .thlt-type {

  text-align: center;

  background: #eeeeee;

  border-bottom: 1px solid #d2d2d2;

  padding: 55px 0;

}

.teachers-team .thlt-type h3 {

  margin: 0;

  font-size: 1.857em;

  font-weight: normal;

  color: #000000;

  line-height: 35px;

}

.teachers-team .thlt-type p {

  font-size: 1em;

}

.teachers-team .thlt-list ul {

  padding: 20px 5% 60px;

}

.teachers-team .thlt-list ul li {

  margin: 40px 2% 0;

  float: left;

  width: 12.5%;

}

.teachers-team .thlt-list ul li a {

  display: block;

  text-align: center;

}

.teachers-team .thlt-list ul li a .pic {

  border: 1px solid #efefef;

  border-radius: 50px;

  -moz-border-radius: 50px;

  -webkit-border-radius: 50px;

  -o-border-radius: 50px;

  overflow: hidden;

}

.teachers-team .thlt-list ul li a .pic img {
  display: block;
  height: 102px;
  width: 103px;
}

.teachers-team .thlt-list ul li a .title {

  padding-top: 15px;

  font-size: 1em;

  color: #000000;

}

@media screen and (max-width: 768px) {
  .teachers-team .thlt-list ul li a .pic img {
    display: block;
    height: 164px;
    width: 164px;
  }
  .teachers-team .thlt-type {

    padding: 30px 0;

  }

  .teachers-team .thlt-list ul li {

    width: 21%;

  }

  .teachers-team .thlt-list ul li a .pic {

    border-radius: 65px;

    -moz-border-radius: 65px;

    -webkit-border-radius: 65px;

    -o-border-radius: 65px;

  }

}

@media screen and (max-width: 480px) {

  .teachers-team .thlt-type {

    padding: 12px 0;

  }

  .teachers-team .thlt-type h3 {

    font-size: 1.857em;

  }

  .teachers-team .thlt-type p {

    font-size: 1em;

  }

  .teachers-team .thlt-list ul li {

    width: 46%;

  }

  .teachers-team .thlt-list ul li a .pic {

    border-radius: 95px;

    -moz-border-radius: 95px;

    -webkit-border-radius: 95px;

    -o-border-radius: 95px;

  }

}

.graduate-slide {

  width: 100%;

  position: relative;

  margin-bottom: 40px;

}

.graduate-slide .left {

  width: 80%;

  position: relative;

}

.graduate-slide .left .rslides li .cont {

  width: 100%;

  height: 100%;

  position: relative;

}

.graduate-slide .left .rslides li .cont img {

  display: block;

  width: 100%;

  float: none;

}

.graduate-slide .left .rslides li .cont .text {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 96%;

  padding: 2%;

  color: #fff;

  background: url("../img/partynews_bg.png") left top repeat;

}

.graduate-slide .left .rslides_nav {

  position: absolute;

  top: 50%;

  margin-top: -31px;

  width: 37px;

  height: 62px;

  overflow: hidden;

  text-indent: -99em;

  z-index: 5;

}

.graduate-slide .left .rslides_nav.prev {

  left: 15px;

  background: url("../img/btn_prev.png") center no-repeat;

}

.graduate-slide .left .rslides_nav.next {

  right: 15px;

  background: url("../img/btn_next.png") center no-repeat;

}

.graduate-slide .slide-list {

  position: absolute;

  right: 0;

  top: 0;

  width: 20%;

  *width: 19.9%;

  height: 100%;

  background: #434343;

  overflow-x: auto;

}

.graduate-slide .slide-list dl {

  padding: 22px 0;

}

.graduate-slide .slide-list dl dd a {

  display: block;

  color: #898989;

  padding: 15px 10%;

  outline: none;

}

.graduate-slide .slide-list dl dd.even {

  background: #484848;

}

.graduate-slide .slide-list dl dd.on a {

  color: #000;

  background: #4ad263;

}

@media screen and (max-width: 768px) {

  .graduate-slide .left {

    width: 100%;

  }

  .graduate-slide .left .rslides_nav.next,

  .graduate-slide .left .rslides_nav.prev {

    width: 25px;

    background-size: 100% ;

  }

  .graduate-slide .slide-list {

    position: static;

    width: 100%;

    overflow-y: auto;

  }

  .graduate-slide .slide-list dl {

    padding: 0;

    font-size: 0;

    white-space: nowrap;

  }

  .graduate-slide .slide-list dl dd {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    font-size: 14px;

  }

  .graduate-slide .slide-list dl dd a {

    padding: 15px 10px;

  }

}

.laboratory-slide {

  display: none;

  position: fixed;

  left: 25%;

  top: 5%;

  width: 50%;

  z-index: 2001;

}

.laboratory-slide .btn-close {

  position: absolute;

  right: 8px;

  top: 8px;

  width: 30px;

  height: 30px;

  background: url("../img/btn_close.png") center no-repeat;

  z-index: 10;

  outline: none;

}

.laboratory-slide .laboratory-box {

  position: relative;

  padding: 8px 8px 0;

  background: #fff;

}

.laboratory-slide .laboratory-box .rslides li .pic img {

  display: block;

  width: 100%;

}

.laboratory-slide .laboratory-box .rslides li .cont {

  margin: 20px 15px;

  clear: both;

  height: 9.5em;

  overflow-x: auto;

}

.laboratory-slide .laboratory-box .rslides li .cont .tit {

  font-size: 18px;

  color: #000;

  margin-bottom: 10px;

}

.laboratory-slide .laboratory-box .rslides li .cont .text {

  font-size: 14px;

  color: #999;

}

.laboratory-slide .laboratory-box .rslides_nav {

  position: absolute;

  top: 35%;

  width: 37px;

  height: 62px;

  overflow: hidden;

  text-indent: -99em;

  background: url("../img/btn_prev.png") center no-repeat;

  z-index: 2;

  outline: none;

}

.laboratory-slide .laboratory-box .rslides_nav.prev {

  left: 15px;

  background-image: url("../img/btn_prev.png");

}

.laboratory-slide .laboratory-box .rslides_nav.next {

  right: 15px;

  background-image: url("../img/btn_next.png");

}

.laboratory-bg {

  display: none;

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: url("../img/bg.png") left top repeat;

  z-index: 2000;

}

@media screen and (max-width: 1440px) {

  .laboratory-slide {

    left: 22%;

    width: 56%;

  }

}

@media screen and (max-width: 1280px) {

  .laboratory-slide {

    top: 8%;

    left: 20%;

    width: 60%;

  }

  .laboratory-slide .laboratory-box .rslides_nav {

    top: 30%;

  }

}

@media screen and (max-width: 1024px) {

  .laboratory-slide {

    left: 15%;

    width: 70%;

  }

  .laboratory-slide .laboratory-box .rslides li .cont {

    height: 8em;

  }

}

@media screen and (max-width: 768px) {

  .laboratory-slide {

    top: 10%;

    left: 10%;

    width: 80%;

  }

  .laboratory-slide .laboratory-box .rslides li .cont {

    height: 8em;

  }

  .laboratory-slide .laboratory-box .rslides_nav {

    top: 28%;

    width: 28px;

    background-size: 100% auto;

    -webkit-background-size: 100% auto;

  }

}

@media screen and (max-width: 480px) {

  .laboratory-slide {

    top: 15%;

  }

  .laboratory-slide .laboratory-box .rslides li .cont {

    height: 8em;

  }

  .laboratory-slide .laboratory-box .rslides_nav {

    top: 22%;

  }

}

.secondary-nav {

  margin: 30px 0;

}

.secondary-nav .class-a {

  font-size: 0;

  width: 100%;

}

.secondary-nav .class-a li {

  position: relative;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 25%;

  border-left: 1px solid #fff;

  margin-left: -1px;

  text-align: center;

  vertical-align: top;

  font-size: 14px;

}

.secondary-nav .class-a li:first-child {

  border-left: 0;

  margin-left: 0;

}

.secondary-nav .class-a li > a {

  display: block;

  padding: 18px 0;

  font-size: 16px;

  color: #fff;

  outline: none;

  background: #434343 ;

}

.secondary-nav .class-a li .class-b {

  display: none;

  position: absolute;

  left: 0;

  top: 100%;

  width: 100%;

  padding: 12px 0;

  border-top: 1px solid #c9c9c9;

  border-bottom: 1px solid #c9c9c9;

  background: #fff;

  z-index: 2;

}

.secondary-nav .class-a li .class-b dd {

  border-left: 1px solid #c9c9c9;

  border-right: 1px solid #c9c9c9;

}

.secondary-nav .class-a li .class-b dd a {

  font-size: 14px;

  color: #000;

  display: block;

  padding: 8px 0;

  line-height: 1.4;

  outline: none;

}

.secondary-nav .class-a li .class-b dd a:hover {

  background: #c9c9c9;

}

.secondary-nav .class-a li .class-b dd.on a {

  background: #c9c9c9;

}

.secondary-nav .class-a li.on > a,

.secondary-nav .class-a li.hover > a {

  background: #00b7ee;

}

@media screen and (max-width: 768px) {

  .secondary-nav .class-a li > a {

    padding: 10px 0;

  }

}

.postcards {

  padding: 60px 0;

}

.postcards .postpublish {

  border: 1px solid #d2d2d2;

  padding: 35px 22.5% 44px 3.3%;

}

.postcards .postpublish .phtit {

  font-size: 1.285em;

  color: #000000;

  padding-bottom: 30px;

}

.postcards .postpublish p {

  font-size: 1em;

  line-height: 24px;

  color: #434343;

  display: block;

}

.postcards .postview {

  margin-top: 40px;

  background: #3c6bc1;

  color: #ffffff;

  padding: 25px 0 25px 3.3%;

}

.postcards .postview span {

  font-size: 1em;

}

.postcards .postview .bg {

  font-size: 1.285em;

  padding-right: 18px;

}

.postcards .fbinto {

  margin-top: 10px;

  border: 1px solid #d2d2d2;

  height: 176px;

  overflow: hidden;

  padding: 30px 2.5%;

}

.postcards .fbinto textarea {

  resize: none;

  width: 100%;

  height: 174px;

  border: none;

}

.postcards .fbbtn {

  margin-top: 20px;

  margin-bottom: 40px;

  display: block;

  background: #005bac;

  color: #ffffff;

  text-align: center;

  width: 180px;

  line-height: 40px;

}

.postcards .postlists {

  margin-top: 10px;

}

.postcards .postlists .typetitle {

  background: #e8effd;

}

.postcards .postlists .typetitle h3 {

  font-size: 1.285em;

  color: #000000;

  line-height: 77px;

  padding-left: 2.5%;

  margin: 0;

  font-weight: normal;

}

.postcards .postlists .ptftcontent {

  border: 1px solid #d2d2d2;

  padding: 35px 22.5% 44px 2.5%;

  font-size: 1em;

  color: #767676;

}

.postcards .postlists .ptftcontent .posting .ftuserinfo {

  padding-bottom: 10px;

  padding-top: 20px;

}

.postcards .postlists .ptftcontent .posting .ftuserinfo span {

  color: #000000;

}

.postcards .postlists .ptftcontent .posting .ftuserinfo a {

  padding-left: 20px;

  color: #005b98;

}

.postcards .postlists .ptftcontent .posting .ftusercont p {

  line-height: 24px;

  color: #767676;

}

.postcards .postlists .ptftcontent .comment {

  color: #000000;

  margin-top: 24px;

}

.postcards .postlists .ptftcontent .comment .gtmos {

  display: block;

  padding-bottom: 20px;

}

.postcards .postlists .ptftcontent .comment .gtmos i {

  font-weight: bold;

  padding-right: 10px;

}

.postcards .postlists .ptftcontent .comment .compost {

  padding-left: 70px;

}

.postcards .postlists .ptftcontent .comment .compost .ftuserinfo {

  padding-bottom: 10px;

}

.postcards .postlists .ptftcontent .comment .compost .ftuserinfo span {

  color: #000000;

}

.postcards .postlists .ptftcontent .comment .compost .ftuserinfo a {

  padding-left: 20px;

  color: #005b98;

}

.postcards .postlists .ptftcontent .comment .compost .ftusercont p {

  line-height: 24px;

  color: #767676;

}

@media screen and (max-width: 1024px) {

  .postcards {

    padding: 30px 0;

    width: 96%;

    margin: 0 auto;

  }

  .postcards .postpublish {

    padding: 35px 2% 44px;

  }

  .postcards .postview {

    margin-top: 20px;

    padding: 15px 0 15px 2%;

  }

  .postcards .postview span {

    font-size: 1em;

  }

  .postcards .postview .bg {

    font-size: 1.285em;

    padding-right: 18px;

  }

}

@media screen and (max-width: 480px) {

  .postcards .postview {

    padding: 10px 0 10px 2%;

  }

  .postcards .postview .bg {

    display: block;

    padding-bottom: 10px;

    font-size: 1.142em;

  }

}

.juhe-list {

  width: 1230px;

  margin: 0 auto;

}

.juhe-list ul {

  padding: 50px 0 100px;

}

.juhe-list ul li {

  float: left;

  width: 30.8%;

  *width: 30.7%;

  margin: 28px 1.18% 0;

}

.juhe-list ul li .jhtitle {

  position: relative;

  display: block;

  overflow: hidden;

  border: 1px solid #cccccc;

}

.juhe-list ul li .jhtitle img {

  display: block;

  position: relative;

  width: 380px;

  left: 50%;

  margin-left: -190px;

}

.juhe-list ul li .jhtitle .jhtanceng {

  position: absolute;

  background: #ffffff;

  left: 0;

  bottom: 0;

  width: 100%;

}

.juhe-list ul li .jhtitle .jhtanceng .tit {

  font-size: 1.285em;

  color: #000000;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin: 15px 0 15px 20px;

  border-left: 2px solid #fe3836;

  padding-left: 10px;

}

.juhe-list ul li .jhtitle .jhtanceng p {

  display: none;

}

.juhe-list ul li .jhtitle .jhtanceng .intocoin {

  display: none;

}

.juhe-list ul li .jhtitle:hover .jhtanceng {

  background: url("../img/jhtc-bg.png") repeat;

  top: 0;

  height: 100%;

}

.juhe-list ul li .jhtitle:hover .jhtanceng .tit {

  font-size: 1.714em;

  font-weight: bold;

  color: #ffffff;

  margin: 80px 0 15px 20px;

  border-left: 2px solid #ffffff;

  padding-left: 10px;

}

.juhe-list ul li .jhtitle:hover .jhtanceng p {

  display: block;

  color: #ffffff;

  font-size: 1.142em;

  margin: 0 58px 0 32px;

  line-height: 24px;

}

.juhe-list ul li .jhtitle:hover .jhtanceng .intocoin {

  display: block;

  width: 28px;

  height: 28px;

  background: url("../img/juhe-jiantoumg.png") no-repeat center;

  margin-left: 32px;

  margin-top: 25px;

}

@media screen and (max-width: 1230px) {

  .juhe-list {

    width: 100%;

  }

}

@media screen and (max-width: 1024px) {

  .juhe-list {

    width: 100%;

  }

  .juhe-list ul li .jhtitle:hover .jhtanceng .tit {

    font-size: 1.428em;

    color: #ffffff;

    margin: 40px 0 15px 20px;

  }

  .juhe-list ul li .jhtitle:hover .jhtanceng p {

    font-size: 1em;

  }

}

@media screen and (max-width: 768px) {

  .juhe-list ul li {

    width: 47.6%;

    *width: 47.5%;

  }

}

@media screen and (max-width: 480px) {

  .juhe-list ul {

    padding: 10px 0 20px;

  }

  .juhe-list ul li {

    float: none;

    width: 380px;

    *width: 380px;

    margin: 20px auto 0;

  }

}

@media screen and (max-width: 400px) {

  .juhe-list ul li {

    width: 96%;

    *width: 96%;

  }

}

.degree-index {

  width: 100%;

  position: relative;

  font-size: 0;

  overflow: hidden;

}

.degree-index .pic-focus {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  font-size: 14px;

  width: 67.4%;

}

.degree-index .pic-focus a {

  outline: none;

  position: relative;

  display: block;

  overflow: hidden;

}

.degree-index .pic-focus a img {

  width: 100%;

  display: block;

}

.degree-index .pic-focus a .text {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 94%;

  padding: 5px 3%;

  color: #fff;

  font-size: 18px;

  line-height: 1.6;

  background: url("../img/bg.png") left top repeat;

}

.degree-index .newslist {

  position: absolute;

  right: 0;

  top: 0;

  font-size: 14px;

  width: 30.6%;

}

.degree-index .newslist .tab li {

  float: left;

  width: 50%;

  text-align: center;

  font-size: 16px;

}

.degree-index .newslist .tab li a {

  display: block;

  color: #434343;

  line-height: 52px;

  border: 1px solid #e5e5e5;

  outline: none;

}

.degree-index .newslist .tab li.on a {

  background: #005b98;

  color: #fff;

  border-color: #005b98;

}

.degree-index .newslist .tablist {

  display: none;

  padding-top: 20px;

}

.degree-index .newslist .tablist ul li a {

  position: relative;

  display: block;

  padding: 7px 20px;

  color: #000;

  border-bottom: 1px solid #e5e5e5;

  line-height: 1.4;

  outline: none;

}

.degree-index .newslist .tablist ul li a .text {

  display: block;

  padding-right: 3.5em;

}

.degree-index .newslist .tablist .ck-more-bl01{

  display: block;

  text-align: center;

  padding: 10px 0;

  border: 1px solid #e5e5e5; 

  margin-top: 4%;

}

.degree-index .newslist .tablist ul li a .date {

  position: absolute;

  right: 10px;

  top: 8px;

  font-size: 12px;

}

.degree-index .newslist .tablist ul li a:hover {

  background: #e5e5e5;

}

@media screen and (max-width: 1240px) {

  .degree-index .pic-focus a img {

    width: 100%;

    height: 100%;

  }

}

@media screen and (max-width: 1024px) {

  .degree-index .pic-focus {

    width: auto;

    max-width: 800px;

    margin: 0 auto;

    display: block;

  }

  .degree-index .pic-focus a img {

    height: auto;

    width: 100%;

  }

  .degree-index .newslist {

    margin-top: 3%;

    position: relative;

    width: auto;

    padding: 0 2%;

    display: block;

  }

}

@media screen and (max-width: 400px) {

  .degree-section .bookconcern {

    width: 96%;

    margin: 0 auto ;

  }

}

.px-banner {

  position: relative;

  width: 100%;

  overflow: hidden;

  /* margin-top: 118px; */

}

.px-banner img {

  display: block;

  position: relative;

  width: 100%;

  /*margin-left: -960px;*/

  /*left: 50%;*/

}

.px-banner .pxbtitle {

  position: absolute;

  top: 60%;

  left: 18.75%;

  color: #ffffff;

}

.px-banner .pxbtitle p {

  font-size: 2.714em;

  font-weight: bold;

}

.px-banner .pxbtitle span {

  font-size: 1.857em;

}

.px-banner .block {

  color: #000000;

}

.xwjy .pxbtitle {

  left: 13%;

  top: 260px;

}

@media screen and (max-width: 1600px){

  .xwjy .pxbtitle {

    left: 13%;

    top: 200px;

  }

}

@media screen and (max-width: 1366px){

  .xwjy .pxbtitle {

    left: 13%;

    top: 120px;

  }

}

.xwjy .pxbtitle p {

  font-size: 2.714em;

  font-weight: bold;

}

.xwjy .pxbtitle p .jx-xwjy{

  font-size:0.714em;

  font-weight:normal;

}

@media screen and (max-width: 1366px) {

  .xwjy .pxbtitle {

    left: 5%;

  }

}

@media screen and (max-width: 1024px) {

  .px-banner{

    /* margin-top: 65px; */

  }

  .px-banner img {

    position: relative;

    left: 50%;

    width: 1000px;

    margin-left: -500px;

  }

  .px-banner .pxbtitle {

    top: 162px;

  }

  .px-banner .pxbtitle p {

    font-size: 2em;

  }

  .px-banner .pxbtitle span {

    font-size: 1.428em;

  }

}

@media screen and (max-width: 480px) {

  .px-banner .pxbtitle {

    left: 15%;

    top: 165px;

  }

  .px-banner .pxbtitle p {

    font-size: 1.428em;

  }

  .px-banner .pxbtitle span {

    font-size: 1.142em;

  }

}

.pxtitle-01 {

  padding-bottom: 24px;

}

.pxtitle-01 h3 {

  float: left;

  font-size: 1.428em;

  color: #005b98;

  margin: 0;

  line-height: 24px;

  width:100%;

}

.pxtitle-01 h3 .more-lk{

  float: right;

  font-size:14px;

  color: #999;



}

.pxtitle-01 .morebtnen {

  float: right;

  font-size: 1em;

  display: block;

  line-height: 24px;

}

.train-nav {

  position: absolute;

  left: 0;

  top: 40px;

}

.train-nav .flat-two a.ftnav {

  position: relative;

  display: block;

}

.train-nav .flat-two a.ftnav img {

  display: block;

  width: 100%;

}

.train-nav .flat-two a.ftnav .pt01 {

  display: block;

}

.train-nav .flat-two a.ftnav .pt02 {

  display: none;

}

.train-nav .flat-two a.on .pt01 {

  display: none;

}

.train-nav .flat-two a.on .pt02 {

  display: block;

}

.train-nav .flat-six a.ftnav {

  float: left;

  margin-right: 10px;

  position: relative;

  display: block;

  width: 112px;

  height: 112px;

  margin-bottom: 10px;

}

.train-nav .flat-six a.ftnav img {

  display: block;

  width: 100%;

}

.train-nav .flat-six a.ftnav .pt01 {

  display: block;

}

.train-nav .flat-six a.ftnav .pt02 {

  display: none;

}

.train-nav .flat-six a.on .pt01 {

  display: none;

}

.train-nav .flat-six a.on .pt02 {

  display: block;

}

.tolong {

  width: 245px;

}

@media screen and (max-width: 1024px) {

  .train-nav {

    position: static;

    margin-top: 30px;

  }

  .train-nav .flat-two {

    width: 316px;

    margin: 0 auto;

  }

  .train-nav .flat-two a {

    float: left;

    width: 158px;

  }

  .train-nav .flat-six {

    width: 732px;

    margin: 0 auto;

  }

  .train-nav .flat-six a.ftnav {

    float: left;

    margin: 0px 5px 10px;

    position: relative;

    display: block;

    width: 112px;

    height: 112px;

  }

  .train-nav .flat-six a.ftnav img {

    display: block;

    width: 100%;

  }

  .train-nav .flat-six a.ftnav .pt01 {

    display: block;

  }

  .train-nav .flat-six a.ftnav .pt02 {

    display: none;

  }

  .train-nav .flat-six a.on .pt01 {

    display: none;

  }

  .train-nav .flat-six a.on .pt02 {

    display: block;

  }

  .tolong {

    width: auto;

  }

}

@media screen and (max-width: 732px) {

  .train-nav .flat-six {

    width: 366px;

  }

}

@media screen and (max-width: 366px) {

  .train-nav .flat-six {

    width: 244px;

  }

}

@media screen and (max-width: 336px) {

  .train-nav {

    width: 96%;

    margin: 20px auto;

  }

  .train-nav .flat-two {

    width: 100%;

  }

  .train-nav .flat-two a {

    width: 50%;

  }

}

.newsdetail .newstitle {

  color: #000000;

  font-size: 1.857em;

  margin: 0;

  line-height: 44px;

}

.newsdetail .newstitle-t2{

  color: #000;

  font-size: 1.456em;

  margin: 0;

  line-height: 34px;
  font-weight: normal;
}

.newsdetail .newsdate {

  display: block;

  font-size: 1em;

  color: #000000;

  padding-bottom: 35px;

}

.newsdetail p {

  color: #434343;

  font-size: 1em;

  line-height: 24px;

  display: block;

  padding-bottom: 24px;

  text-indent: 2em;

}

.newsdetail p strong{

  /*margin-left: -2em;*/

}

.newsdetail p strong.new_tit_strong{

  margin-left: -2em;

}

.newsdetail p i{

  font-style: inherit;

  margin-left: -2em;

}

.newsdetail p .mr-l-2{

  margin-left: -2em;

}



/*peng add @2017/3/7 */

.qczg p{

	font-size: 1.2em;

	letter-spacing: 0.3em;

	margin: 0 2em;

}

.newsdetail img {

  display: block;

  /*width: 24%;*/

  /*padding-bottom: 24px;*/

  margin: 0 auto;

}

@media screen and (max-width: 768px) {

  .newsdetail img {

    width: 100% !important;

    height: 100% !important;

  }

  .newsdetail .newstitle {

    font-size: 1.5em;

    line-height: 32px;

    font-weight: bold;

  }

  .newsdetail .newsdate {

    padding-top: 5px;

    padding-bottom: 15px;

  }

  .newsdetail p {

    padding-bottom: 15px;

  }

  .newsdetail img {

    padding-bottom: 15px;

  }

}

@media screen and (max-width: 480px) {

  .newsdetail .newstitle {

    font-size: 1.285em;

    line-height: 26px;

  }

}

.csroom p {

  font-size: 1em;

  color: #535455;

  line-height: 24px;

  padding-bottom: 8px;

}

.csroom p img{

  width: 100%;

  height: auto !important;

}

.csroom .thwechat {

  margin-top: 30px;

}

.csroom .thwechat li {

  width: 19%;

  background: #ffffff;

  padding-bottom: 10px;

  margin: 0 0.5%;

  float: left;

}

.csroom .thwechat li img {

  display: block;

  width: 100%;

}

.csroom .thwechat li span {

  font-size: 1em;

  color: #000000;

  padding-left: 15px;

}

@media screen and (max-width: 768px) {

  .csroom .thwechat li {

    width: 32%;

    background: #ffffff;

    padding-bottom: 10px;

    margin: 10px 0.5%;

  }

}

@media screen and (max-width: 768px) {

  .csroom .thwechat li {

    width: 49%;

  }

}

.recruit-class a {

  display: block;

  margin-bottom: 10px;

}

.recruit-class a span {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  line-height: 24px;

  font-size: 1.142em;

  padding: 10px 0;

}

.recruit-class a .csdate {

  color: #ffffff;

  text-align: center;

  width: 33%;

  background: url("../img/index-pd01.png") repeat;

  float: left;

}

.recruit-class a .cs02 {

  background: url("../img/index-pd02.png") repeat;

}

.recruit-class a .cs03 {

  background: url("../img/index-pd03.png") repeat;

}

.recruit-class a .cs04 {

  background: url("../img/index-pd04.png") repeat;

}

.recruit-class a .classtit {

  color: #000000;

  padding-left: 3%;

  width: 64%;

  background: #e5e5e5;

}

@media screen and (max-width: 768px) {

  .recruit-class a span {

    display: block;

  }

  .recruit-class a .csdate {

    width: 100%;

  }

  .recruit-class a .classtit {

    width: 100%;

    padding-left: 0;

    text-align: center;

  }

}

.curriculum {

  padding: 35px 0 60px;

}

.curriculum .cssection {

  background: #ffffff;

  position: relative;

}

.curriculum .cssection .classpic {

  position: absolute;

  right: 0;

  top: 30px;

  width: 62.6%;

  height: 100%;

  overflow: hidden;

}

.curriculum .cssection .classpic img {

  display: block;

  width: 100%;

  position: relative;

}

.curriculum .cssection .classpic .classmold {

  background: url("../img/kc-bg12-4.png");

  width: 118px;

  height: 118px;

  padding-top: 20px;

  text-align: center;

  position: absolute;

  left: 8.2%;

  top: 40%;

  z-index: 100;

  color: #000000;

}

.curriculum .cssection .classpic .classmold p {

  font-size: 2.428em;

  color: #000;

  border-top: 1px solid #000;

  margin: 0 14px;

}

.curriculum .cssection .classpic .classmold span {

  font-size: 1.428em;

  display: block;

  margin-top: 10px;

}

.curriculum .cssection .classpic .classmold .ckMore12-4{

  display: block;

  height: 25px;

  width: 80px;

  text-align: center;

  line-height: 25px;

  background: #000;

  color: #fff;

  margin: 0 auto;

}

.curriculum .cssection .classpic .white {

  color: #ffffff;

}

.curriculum .cssection .classnumber {

  min-height: 405px;

  width: 37.4%;

  padding: 20px 0;

}

.curriculum .cssection .classnumber .ckMore12-4-l{

  display: block;

  border: 2px solid #e5e5e5;

  font-size: 1em;

  text-align:center;

  padding: 10px 0;

  margin: 10px 20px 0;

}

.curriculum .cssection .classnumber ul {

  padding: 0 20px;

}

.curriculum .cssection .classnumber ul li {

  margin-top: 10px;



}

.curriculum .cssection .classnumber ul li a {

  border: 2px solid #e5e5e5;

  display: block;

  font-size: 1em;

  padding: 5px 0 5px 6px;

}

.curriculum .cssection .classnumber ul li a:hover {

  border: 2px solid #005bac;

  background: #005bac;

  color: #ffffff;

}

.curriculum .instead .classpic {

  right: auto;

  left: 0;

}

.curriculum .instead .classpic .classmold {

  left: auto;

  right: 8.2%;

  background: url("../img/kc-bg12-4.png");

  width: 118px;

  height: 118px;

  text-align: center;

  padding-top: 20px;



}

.curriculum .instead .classnumber {

  margin-left: auto;

}

@media screen and (max-width: 1024px) {

  .curriculum {

    width: 840px;

    margin: 0 auto;

  }



  .newsdetail img {

    width: 100%;



  }

}

@media screen and (max-width: 875px) {

  .curriculum {

    width: 100%;

    margin: 0 auto;

  }

}

@media screen and (max-width: 768px) {

  .curriculum .cssection .classpic {

    position: relative;

    width: 100%;

  }

  .curriculum .cssection .classpic img {

    width: 100%;

  }

  .curriculum .cssection .classnumber {

    width: 100%;

    min-height: 100%;

  }

}

.class-trailer {

  position: relative;

  height: 800px;

}



.class-trailer .sideline {

  position: absolute;

  left: 6px;

  top: 10px;

  width: 4px;

  height: 95%;

  border-left: 4px solid #005bac;

}

.class-trailer .trmonth dt {

  background: url("../img/month_coin01.jpg") no-repeat left 8px;

  padding-left: 30px;

  font-size: 1.428em;

  color: #000000;

  padding-bottom: 10px;

}

.class-trailer .trmonth dd {

  padding-left: 30px;

  width: 83%;

  margin-bottom: 5px;

}

.class-trailer .trmonth dd a {

  display: block;

  border: 2px solid #e5e5e5;

  background: #ffffff;

  font-size: 1em;

  color: #666666;

  padding: 5px 0 5px 6px;

}

@media screen and (max-width: 1024px) {

  .class-trailer .trmonth dd {

    width: auto;

  }

}

.online-qn {

  padding-bottom: 30px;

}

.online-qn .oename li {

  float: left;

  width: 10%;

  *width: 10%;

  padding: 1.6%;

  background: #ffffff;

  margin-right: 0.9%;

  text-align: center;

}

.online-qn .oename li a {

  display: block;

}

.online-qn .oename li a img {

  display: block;

  width: 100%;

}

.online-qn .oename li a span {

  display: block;

}

.online-qn .oename .end {

  margin-right: 0;

}

@media screen and (max-width: 768px) {

  .online-qn .oename li {

    float: left;

    width: 29.2%;

    *width: 29.1%;

    margin-right: 0.9%;

    margin-top: 10px;

  }

}

@media screen and (max-width: 480px) {

  .online-qn .oename li {

    float: left;

    width: 44%;

    *width: 29.1%;

    margin: 10px 1.4% 0;

  }

}

.viceBan-text {

  position: absolute;

  top: 36%;

  left: 0;

  width: 100%;

  text-align: center;

}

.viceBan-text h2 {

  font-size: 70px;

  color: #fff;

  margin: 0;

}

.viceBan-text p {

  font-size: 30px;

  color: #fff;

}

.djyd-con {

  max-width: 1200px;

  width: 94%;

  margin: 0 auto;

  position: relative;

}

.djyd-con .djyd-con-text {

  text-align: center;

  margin-top: 60px;

}

.djyd-con .djyd-con-text .djyd-tit {

  width: 74%;

  margin: 0 auto;

}

.djyd-con .djyd-con-text .djyd-tit h3 {

  font-size: 24px;

  color: #000;

  font-weight: normal;

}

.djyd-con .djyd-con-text .djyd-tit p {

  font-size: 14px;

  color: #000;

  line-height: 34px;

  text-align: left;

}

.djyd-con .djyd-gzList {

  margin-top: 70px;

}

.djyd-con .djyd-gzList .list-con .mar-r-H {

  margin-right: 2%;

}

.djyd-con .djyd-gzList .list-con .list-con-xue {

  width: 32%;

}

.djyd-con .djyd-gzList .list-con .list-con-xue h3 {

  font-size: 18px;

  color: #fff100;

  background: #ea1b09;

  font-weight: normal;

  padding: 12px 0 10px 20px;

}

.djyd-con .djyd-gzList .list-con .list-con-xue h3 a{

  font-size: 12px;

  color: #fff;

  float: right;

  font-weight: bold;

  margin-right: 8px;

}

.djyd-con .djyd-gzList .list-con .list-con-xue ul li {

  padding: 10px 0 10px 0;

  width: 100%;

}

.djyd-con .djyd-gzList .list-con .list-con-xue ul li a {

  display: block;

  max-width: 340px;

  color: #626262;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-left: 20px;

}

.djyd-con .djyd-gzList .list-con .list-con-xue ul li:hover {

  background: #e5e5e5;

}

.djyd-con .djyd-gzList .list-con .list-con-xue ul li:hover a {

  color: #000;

}

.djyd-con .djyd-sc-tit {

  position: relative;

  margin-top: 70px;

  overflow: hidden;

}

.djyd-con .djyd-sc-tit img {

  /*width: 100%;*/

  position: relative;

  left: 50%;

  margin-left:-600px; 

}

.djyd-con .djyd-sc-tit h3 {

  position: absolute;

  top: 50%;

  left: 2%;

  width: 100%;

  text-align: center;

  font-size: 30px;

  color: #fff;

  margin: -21px 0 0 0;

}

/*.djyd-con .djyd-sc-tit .sc-textCon{

  position: absolute;

  top: 20px;

  left: 24%;

  color: #fff;

}*/

@media screen and (max-width: 1024px){

  .djyd-con .djyd-sc-tit h3 {

    font-size: 24px;

    top: 50%;

  }

}

@media screen and (max-width: 768px){

  .djyd-con .djyd-sc-tit h3 {

    font-size: 18px;

    top: 62%;

  }

}

.djyd-con .djyd-gzList02 {

  margin-top: 70px;

}

.djyd-con .djyd-gzList02 .list-con02 .mar-r-H {

  margin-right: 2%;

}

.djyd-con .djyd-gzList02 .list-con02 .list-con-xue02 {

  width: 49%;

}

.djyd-con .djyd-gzList02 .list-con02 .list-con-xue02 h3 {

  font-size: 18px;

  color: #fff100;

  background: #ea1b09;

  font-weight: normal;

  padding: 12px 0 10px 20px;

}

.djyd-con .djyd-gzList02 .list-con02 .list-con-xue02 h3 a{

  font-size: 12px;

  color: #fff;

  float: right;

  margin-right: 8px;

  font-weight: bold;

}

.djyd-con .djyd-gzList02 .list-con02 .list-con-xue02 ul li {

  padding: 10px 0 10px 0;

  width: 100%;

}

.djyd-con .djyd-gzList02 .list-con02 .list-con-xue02 ul li a {

  display: block;

  max-width: 340px;

  color: #626262;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-left: 20px;

}

.djyd-con .djyd-gzList02 .list-con02 .list-con-xue02 ul li:hover {

  background: #e5e5e5;

}

.djyd-con .djyd-gzList02 .list-con02 .list-con-xue02 ul li:hover a {

  color: #000;

}

.djyd-con .djyd-lb-link {

  margin-top: 60px;

}

.djyd-con .djyd-lb-link .lb-link-con {

  background: url("../img/djyd-scbg.jpg") repeat;

  width: 100%;

  height: 120px;

  overflow: hidden;

}

.djyd-con .djyd-lb-link .lb-link-con ul {

  height: 45px !important;

  width: 2000px;

  margin: 30px 8px 0 8px;

}

.djyd-con .djyd-lb-link .lb-link-con ul li {

  margin: 0 4px;

}

.djyd-con .djyd-lb-link .lb-link-con ul li a img {

  height: 45px;

}

.wz-map .wz-map-con {

  margin: 60px 0;

}

.wz-map .wz-map-con ul .bgColor {

  background: #e8effd;

}

.wz-map .wz-map-con ul li {

  padding: 20px 0 30px;

}

.wz-map .wz-map-con ul li h3 {

  font-size: 20px;

  color: #000;

  margin-left: 2%;

}

.wz-map .wz-map-con ul li p {

  margin-left: 2%;

}

.wz-map .wz-map-con ul li p a {

  display: inline-block;

  color: #434343;

  margin-right: 30px;

}

.header-bgColor {

  background: #434343;

  height: 170px;

}

.search-con {

  width: 100%;

  background: #005b98;

}

.search-con .search-con-tit {

  max-width: 1200px;

  margin: 0 auto;

}

.search-con .search-con-tit .search-ssk {

  padding: 55px 0 48px 0;

}

.search-con .search-con-tit .search-ssk .search-text {

  width: 446px;

  height: 48px;

  line-height: 48px;

  *line-height: 48px;

  line-height: Infinitypx;

  border-top-left-radius: 30px;

  border-bottom-left-radius: 30px;

  border: 1px solid #fff;

  background: #005b98;

  color: #fff;

  text-indent: 26px;

}

.search-con .search-con-tit .search-ssk .search-btn {

  width: 118px;

  height: 52px;

  border: none;

  border-top-right-radius: 30px;

  border-bottom-right-radius: 30px;

  background: url("../img/search-btn01.png") no-repeat #fff;

  background-position: 50% center;

  /*margin-left: -14px;*/

}

.search-text-con {

  max-width: 1200px;

  margin: 40px auto 0;

}

.search-text-con .search-choose p {

  color: #fff;

  padding: 6px 40px 6px 30px;

  line-height: 32px;

  text-align: center;

  background: #707070;

  position: relative;

}

.search-text-con .search-choose p a {

  display: inline-block;

  background: url("../img/delect-icon.png") no-repeat;

  width: 18px;

  height: 18px;

  position: absolute;

  top: 50%;

  right: 10px;

  margin-top: -9px;

}

.search-text-con .search-txt {

  margin: 20px 0 50px 0;

}

.search-text-con .search-txt .txt-con01 {

  padding: 24px 30px;

  border: 1px solid #d2d2d2;

  margin-bottom: 10px;

}

.search-text-con .search-txt .txt-con01 h3 {

  font-size: 18px;

  color: #000;

}

.search-text-con .search-txt .txt-con01 h3 span {

  color: #e60012;

}

.search-text-con .search-txt .txt-con01 p {

  color: #434343;

  line-height: 24px;

  width: 80%;

}

.search-text-con .search-txt .txt-con01 a {

  display: inline-block;

  color: #005b98;

  margin-top: 50px;

}

@media screen and (max-width: 1440px) {

  .viceBan-text {

    left: 10%;

  }

  .viceBan-text h2 {

    font-size: 58px;

    color: #fff;

  }

  .viceBan-text p {

    font-size: 28px;

  }

}

@media screen and (max-width: 1024px) {

  .viceBan-text {

    top: 36%;

    left: 20%;

  }

  .viceBan-text h2 {

    font-size: 48px;

    color: #fff;

    margin: 0;

  }

  .viceBan-text p {

    font-size: 22px;

    color: #fff;

  }

}

@media screen and (max-width: 768px) {

  .viceBan-text {

    left: 0;

  }

  .viceBan-text h2 {

    font-size: 38px;

    color: #fff;

    margin: 0;

  }

  .viceBan-text p {

    font-size: 18px;

    color: #fff;

  }

  .djyd-con .djyd-gzList .list-con .mar-r-H {

    margin-right: 0;

  }

  .djyd-con .djyd-gzList .list-con .list-con-xue {

    width: 100%;

  }

  .djyd-con .djyd-gzList02 {

    margin-top: 30px;

  }

  .djyd-con .djyd-gzList02 .list-con02 .mar-r-H {

    margin-right: 0;

  }

  .djyd-con .djyd-gzList02 .list-con02 .list-con-xue02 {

    width: 100%;

  }

  .search-con .search-con-tit .search-ssk {

    padding: 55px 0 48px 0;

  }

  .search-con .search-con-tit .search-ssk form{

    height:42px;

    line-height: 42px;

  }

  .search-con .search-con-tit .search-ssk .search-text {

    width: 78%;

    height: 38px;

    line-height: 38px;

    border-top-left-radius: 30px;

    border-bottom-left-radius: 30px;

    border: 1px solid #fff;

    background: #005b98;

    color: #fff;

    text-indent: 26px;

  }

  .search-con .search-con-tit .search-ssk .search-btn {

    width: 18%;

    height: 100%;

    line-height: 100%;

    text-align: center;

    border: none;

    border-top-right-radius: 30px;

    border-bottom-right-radius: 30px;

    background: url("../img/search-btn01.png") no-repeat #fff;

    background-position: 50% center;

    margin-left: -14px;

  }

}

.xyjy-con {

  padding-bottom: 40px;

}

.xyjy-con .bn-01 {

  width: 100%;

}

.xyjy-con .xyjy-text .xyjy-text-tit {

  margin: 30px 0 20px 0;

}

.xyjy-con .xyjy-text .xyjy-text-tit .tit01-xy {

  font-size: 18px;

  color: #000;

}

.xyjy-con .xyjy-text .xyjy-text01 {

  margin-bottom: 34px;

  width: 90%;

}

.xyjy-con .xyjy-text .xyjy-text01 .txt01-xy {

  color: #000;

  margin-bottom: 10px;

}

.xyjy-con .xyjy-text .xyjy-text01 .txt02-xy {

  color: #767676;

}

.xyjy-con .xyjy-text .xyjy-js {

  margin-bottom: 5em;

}

.xyjy-con .xyjy-text .xyjy-js .xyjy-js-left {

  width: 300px;

  /*height: 400px;*/

  margin-right: 3em;

}

.xyjy-con .xyjy-text .xyjy-js .xyjy-js-right {

  max-width: 700px;

}

.xyjy-con .xyjy-text .xyjy-js .xyjy-js-right h3 {

  font-size: 18px;

  color: #000;

}

.xyjy-con .xyjy-text .xyjy-js .xyjy-js-right p {

  color: #767676;

  line-height: 24px;

  margin-bottom: 1em;

}

.xyjy-con .xyjy-text .xyjy-js .xyjy-js-right span {

  color: #000;

  display: inline-block;

  margin-top: 2em;

}

.xyjy-con .xyjy-text .xyjy-06List {

  background: #eeeeee;

  padding: 30px 0;

}

.xyjy-con .xyjy-text .xyjy-06List .list06-sx {

  width: 100%;

  height: 1px;

  background: #dcdcdc;

}

.xyjy-con .xyjy-text .xyjy-06List .list06-con {

  width: 100%;

  margin: 0 3%;

}

.xyjy-con .xyjy-text .xyjy-06List .list06-con p {

  font-size: 16px;

  color: #000;

  margin: 16px 0;

  float: left;

}

.xyjy-con .xyjy-text .xyjy-06List .list06-con ul{

  float: left;

  margin: 16px;

}

.xyjy-con .xyjy-text .xyjy-06List .list06-con ul li {

  line-height: 30px;

  float: left;

  margin: 0 20px;

}

.xyjy-con .xyjy-text .xyjy-06List .list06-con ul li a {

  display: block;

}

.xyjy-con .xyjy-text .xyjy-06List .list06-con ul li a:hover {

  background: #dcdcdc;

}

.xyjy-con .xyjy-text .text02-con {

  background: #eee;

  padding: 2em 66px 5em 40px;

}

.xyjy-con .xyjy-text .text02-con .tit02-xy {

  font-size: 18px;

  color: #000;

}

.xyjy-con .xyjy-text .text02-con .txt03-xy {

  margin-top: 1em;

  line-height: 24px;

}

.xyjy-con .xyjy-text .shizi-zr {

  margin-top: 30px;

}

.xyjy-con .xyjy-text .shizi-zr ul .mar-l01 {

  margin-right: 1%;

}

.xyjy-con .xyjy-text .shizi-zr ul li {

  padding: 1%;

  width: 47.3%;

  border: 1px solid #d2d2d2;

  margin-bottom: 1%;

}

.xyjy-con .xyjy-text .shizi-zr ul li .shizi-con .sz-tx {

  width: 142px;

  height: 190px;

  margin: 19px 0;

}

.xyjy-con .xyjy-text .shizi-zr ul li .shizi-con .js-text {

  margin-left: 5%;

}

.xyjy-con .xyjy-text .shizi-zr ul li .shizi-con .js-text h3 {

  font-size: 18px;

  color: #000;

}

.xyjy-con .xyjy-text .shizi-zr ul li .shizi-con .js-text .js-zw {

  color: #434343;

}

.xyjy-con .xyjy-text .shizi-zr ul li .shizi-con .js-text .js-yw {

  color: #434343;

  margin-top: 1em;

}

.xyjy-con .xyjy-text .text03-con .list-download .mar-l-h01 {

  margin-right: 1%;

}

.xyjy-con .xyjy-text .text03-con .list-download .mar-l-h02 {

  margin-right: 1%;

}

.xyjy-con .xyjy-text .text03-con .list-download li {

  width: 30.4%;

  border: 1px solid #d2d2d2;

  padding: 30px 1% 20px 1%;

  margin-bottom: 1%;

}

.xyjy-con .xyjy-text .text03-con .list-download li .dload-txt01 {

  line-height: 24px;

  height: 48px;

  overflow: hidden;

}

.xyjy-con .xyjy-text .text03-con .list-download li .dload-txt01 a {

  color: #434343;

}

.xyjy-con .xyjy-text .text03-con .list-download li .dload-txt02 {

  margin-top: 24px;

}

.xyjy-con .xyjy-text .text03-con .list-download li .dload-txt02 .dow-link {

  display: inline-block;

  background: url("../img/dowload-iconH.png") no-repeat;

  height: 16px;

  padding-left: 30px;

}

.xyjy-con .xyjy-text .text03-con .list-download li .dload-txt02 .dow-link a {

  display: inline-block;

  color: #000;

}

.xyjy-con .xyjy-text .xyjy-bmzn {

  border: 1px solid #d2d2d2;

  padding: 0 40px 40px 40px;

}

.xyjy-con .xyjy-text .xyjy-bmzn .bm-text span {

  display: block;

  margin-top: 34px;

}

.xyjy-con .xyjy-text .xyjy-bmzn .bm-text .zy-01 {

  color: #000;

}

.xyjy-con .xyjy-text .xyjy-bmzn .bm-text .zy-02 {

  color: #e60012;

}

.xyjy-con .xyjy-text .grxx-tit p {

  font-size: 14px;

  color: #fff;

  line-height: 40px;

  padding-left: 40px;

  background: #3d6bc1;

}

.xyjy-con .xyjy-text .grxx-tit p .zy-star{

  color: #e60012;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con {

  border: 1px solid #d2d2d2;

  border-bottom: none;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 {

  border-bottom: 1px solid #d2d2d2;

  padding: 10px 0 10px 0;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-left {

  width: 50%;

  line-height: 46px;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-left p {

  width: 80px;

  color: #000;

  margin-left: 6%;

  text-align: right;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-left p .zy-star{

  color: #e60012;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-left .bd-item {

  width: 75%;

  height: 42px;

  border: 1px solid #d2d2d2;

  background: #f5f5f5;

  text-indent: 10px;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right {

  width: 50%;

  height: 46px;

  line-height: 46px;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right p {

  width: 80px;

  color: #000;

  margin-left: 6%;

  text-align: right;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right p .zy-star{

  color: #e60012;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right .bd-item {

  width: 75%;

  height: 42px;

  border: 1px solid #d2d2d2;

  background: #f5f5f5;

  text-indent: 10px;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right .label {

  width: 75%;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right .label label{

  margin-right: 10px;

  cursor: pointer;

  height: 40px;

  line-height: 40px;

  display: inline-block;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right .label label .ck-dx{

  cursor: pointer;

  margin-right: 4px;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right .label span {

  color: #000;

  background: url("../img/label-choose.png") no-repeat;

  height: 20px;

  line-height: 20px;

  padding-left: 20px;

  margin-right: 30px;

  cursor: pointer;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right .label .choose-at2 {

  background: url("../img/label-choose-a.png") no-repeat;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con02 {

  padding: 10px 0 10px 0;

  border-bottom: 1px solid #d2d2d2;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con02 .int-con02-left {

  line-height: 46px;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con02 .int-con02-left p {

  color: #000;

  margin-left: 40px;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con02 .int-con02-left .label2 {

  margin-left: 30px;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con02 .int-con02-left .label2 span {

  color: #000;

  background: url("../img/label-choose2.png") no-repeat;

  padding-left: 20px;

  margin-right: 30px;

  cursor: pointer;

}

.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con02 .int-con02-left .label2 .choose-at {

  background: url("../img/label-choose2-a.png") no-repeat;

}

.xyjy-con .xyjy-text .xl-lyk .lyk-con {

  padding: 20px 40px;

  border: 1px solid #d2d2d2;

}

.xyjy-con .xyjy-text .xl-lyk .lyk-con .textarea01 {

  width: 100%;

  padding: 5px;

  height: 174px;

  background: #f5f5f5;

  resize: none;

  border: 1px solid #d2d2d2;

}

.xyjy-con .xyjy-text .xl-lyk .lyk-con02 {

  padding: 20px 40px;

  border: 1px solid #d2d2d2;

}

.xyjy-con .xyjy-text .xl-lyk .lyk-con02 .textarea02 {

  width: 100%;

  padding: 5px;

  height: 174px;

  background: #fdeada;

  resize: none;

  border: 1px solid #d2d2d2;

}

.xyjy-con .xyjy-text .xl-lyk .lyk-con02 span {

  display: block;

  color: #e60012;

  margin-top: 10px;

}

.xyjy-con .xyjy-text .grxx-btn {

  text-align: center;

  margin-top: 20px;

}

.xyjy-con .xyjy-text .grxx-btn input {

  color: #fff;

  width: 190px;

  height: 54px;

  line-height: 54px;

  text-align: center;

  background: #005b98;

  border: none;

}

@media screen and (max-width: 1024px) {

  .xyjy-con .xyjy-text {

    padding: 0 1%;

  }

  .xyjy-con .xyjy-text .xyjy-06List .list06-con {

    /*width: 27.24%;*/

  }

  .xyjy-con .xyjy-text .shizi-zr ul li {

    width: 47%;

  }

  .xyjy-con .xyjy-text .grxx-tit p {

    line-height: 24px;

    padding: 10px 0 10px 10px;

  }

}

@media screen and (max-width: 768px) {

  .xyjy-con .xyjy-text .xyjy-06List .list06-con {

    width: 43%;

  }

  .xyjy-con .xyjy-text .shizi-zr ul li {

    width: 98%;

  }

  .xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-left {

    width: 100%;

    margin-bottom: 10px;

  }

  .xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right {

    width: 100%;

  }

  .xyjy-con .xyjy-text .text03-con .list-download li {

    width: 47%;

  }

  .xyjy-con .xyjy-text .text03-con .list-download .mar-l-h02 {

    margin-right: 0;

  }

  .xyjy-con .xyjy-text .text03-con .list-download .mar-l-h03 {

    margin-right: 1%;

  }

}

@media screen and (max-width: 480px) {

  .xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-left {

    width: 100%;

    margin-bottom: 10px;

  }

  .xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-left p {

    margin-left: 2%;

  }

  .xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-left input {

    width: 71%;

  }

  .xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right {

    width: 100%;

  }

  .xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right p {

    margin-left: 2%;

  }

  .xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right input {

    width: 71%;

  }

  .xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right .label {

    width: 71%;

  }

  .xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con02 .int-con02-left p {

    margin-left: 2%;

  }

  .xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con02 .int-con02-left .label2 {

    margin-left: 2%;

    width: 94%;

  }

  .xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con02 .int-con02-left .label2 span {

    margin-right: 2%;

  }

  .xyjy-con .xyjy-text .text03-con .list-download li {

    width: 98%;

  }

  .xyjy-con .xyjy-text .text03-con .list-download .mar-l-h02 {

    margin-right: 0;

  }

  .xyjy-con .xyjy-text .text03-con .list-download .mar-l-h03 {

    margin-right: 1%;

  }

}

.page-title {

  position: absolute;

  top: -120px;

  left: 0;

  width: 230px;

  background: #ffffff;

}

.page-title .classes .tit {

  color: #fff;

  background: #005b98;

  height: 120px;

  text-align: center;

  line-height: 120px;

  font-size: 26px;

  font-weight: bold;

}

.page-title .classes .tit span {

  display: block;

}

.page-title.long .classes .tit {

  text-align: left;

  padding: 29px 0 29px 38px;

  height: auto;

  line-height: 1.2;

}

.page-title.long .classes .tit span {

  display: block;

}

@media screen and (max-width: 1024px) {

  .page-title {

    position: static;

    width: auto;

  }

  .page-title .classes .tit {

    text-align: left;

    padding-left: 20px;

    height: 45px;

    line-height: 45px ;

    font-size: 1.125em ;

    background: #005b98;

  }

  .page-title.long .classes .tit {

    padding-top: 0;

    padding-bottom: 0;

    padding-left: 20px;

    height: 45px;

    line-height: 45px;

  }

  .page-title.long .classes .tit span {

    display: inline;

  }

}

.mapsearch .moveshow {

  display: none;

}

.mapsearch .map {

  width: 100%;

}

.mapsearch .map .eMaps #allmap {

  width: 100%;

  height: 545px;

  border: 1px solid #d2d2d2;

  overflow: hidden;

  margin: 0;

}

.mapsearch .map .eMapsTop {

  margin-top: 20px;

  border-bottom: 1px solid #d2d2d2;

  border-top: 1px solid #d2d2d2;

  padding: 10px 0;

  font-size: 16px;

  color: #000000;

}

.mapsearch .map .eMapsTop span.ftlx {

  padding-right: 10px;

}

.mapsearch .map .eMapsTop input {

  border: 1px solid #d2d2d2;

  background: #f5f5f5;

}

.mapsearch .map .eMapsTop .CheckBtn {

  background: #005b98;

  color: #ffffff;

  line-height: 24px;

  padding: 0 10px;

}

.mapsearch .map .eMapsTop #endInput {

  margin-right: 10px;

}

.mapsearch .map .boxpanel #startPanel .List {

  border: 1px solid #d2d2d2;

  padding: 10px;

  margin-top: 10px;

}

.mapsearch .map .boxpanel #startPanel .List a {

  color: #000000;

  font-size: 1.285em;

  font-weight: bold;

}

.mapsearch .address-traffic {

  border-top: 1px solid #d2d2d2;

  margin-top: 20px;

  color: #000000;

  padding-bottom: 50px;

}

.mapsearch .address-traffic h3 {

  line-height: 1.4;

  margin: 22px 0 0 0;

  font-weight: normal;

}

.mapsearch .address-traffic span {

  display: block;

  line-height: 20px;

  font-size: 1em;

}

.BMap_bubble_content .t-c input {

  background: #005b98;

  color: #ffffff;

  border: 1px solid #005b98;

}

@media screen and (max-width: 1024px) {

  .mapsearch .moveshow {

    display: block;

    width: 100%;

  }

  .mapsearch .map {

    display: none;

  }

}

.login-box .tit {

  font-size: 20px;

  color: #000000;

}

.login-box .unlogin {

  /*display: none;*/

  /*rem by pengjinzhu 2016/11/10 20:06:02*/

}

.login-box .unlogin .group {

  border: 1px solid #dedede;

  padding-left: 50px;

  padding-right: 20px;

  margin: 15px 0 5px;

}

.login-box .unlogin .group input {

  display: block;

  width: 100%;

  background: none;

  border: 0;

  outline: none;

  font-size: 12px;

  height: 38px;

  line-height: 38px;

  *line-height: 38px;

  line-height: 38px/0;

}

.login-box .unlogin .username {

  background: url("../img/icon-user.png") 12px center no-repeat;

}

.login-box .unlogin .usernum {

  background: url("../img/icon-card.png") 10px center no-repeat;

}

.login-box .unlogin .forget {

  font-size: 12px;

  color: #8d9ac6;

  text-decoration: underline;

}

.login-box .unlogin .btn-submit {

  display: block;

  border: 0;

  padding: 0;

  margin-top: 15px;

  color: #fff;

  font-size: 16px;

  height: 40px;

  line-height: 40px;

  background: #005bac;

  text-align: center;

  border-radius: 3px;

}

.login-box .unlogin.show {

  display: block;

}

.login-box .login-in {

  display: none;

}

.login-box .login-in .welcome {

  padding: 29px 0;

  font-size: 28px;

  color: #000000;

}

.login-box .login-in .welcome span {

  color: #005bac;

}

.login-box .login-in .function a {

  margin-top: 10px;

  display: block;

  color: #fff;

  font-size: 16px;

  height: 40px;

  line-height: 40px;

  background: #005bac;

  text-align: center;

  border-radius: 3px;

}

.login-box .login-in.show {

  display: block;

}

.rightbar {

  position: absolute;

  right: 0;

  top: 0;

  max-width: 298px;

  padding: 20px;

  border: 1px solid #dedede;

}

.rightbar .rightbar-video ul li {

  margin: 40px 0;

}

.rightbar .rightbar-video ul li a {

  display: block;

  position: relative;

}

.rightbar .rightbar-video ul li a .pic {

  position: relative;

}

.rightbar .rightbar-video ul li a .pic img {

  width: 100%;

}

.rightbar .rightbar-video ul li a .pic .icon-play {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 50px ;

  height: 50px;

  margin-left: -25px;

  margin-top: -25px;

  background: url("../img/icon-play.png") center no-repeat;

}

.rightbar .rightbar-video ul li a .text {

  font-size: 14px;

  color: #434343;

  margin-top: 15px;

}

.rightbar .entry {

  display: block;

}

.rightbar .entry img {

  display: block;

  width: 100%;

}

@media (max-width: 1920px){

  /* .swiper-container{

    margin-top: 118px !important;

  } */

}

@media (max-width: 1024px) {

  /* .swiper-container{

    margin-top: 65px !important;

  } */

  .rightbar {

    position: static;

    max-width: none ;

  }

  .rightbar .rightbar-video {

    padding: 5% 0;

  }

  .rightbar .rightbar-video ul {

    font-size: 0;

  }

  .rightbar .rightbar-video ul li {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    vertical-align: top;

    width: 49%;

    margin: 0 0.5%;

    font-size: 14px;

  }

  .rightbar .entry {

    max-width: 460px;

  }

}

@media (max-width: 768px) {

  .bpage-nav .page .page-h1{

    display: none;

  }

  .rightbar .rightbar-video {

    padding-bottom: 0;

  }

  .rightbar .rightbar-video ul li {

    display: block;

    width: auto;

    margin: 0 0 5%;

  }

  .rightbar .entry {

    max-width: none;

  }

}

.activity {

  padding-bottom: 5%;

}

.activity .activity-list {

  position: relative;

}

.activity ul {

  font-size: 0;

}

.activity ul li {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  font-size: 14px;

  margin: 0 0.5%;

  width: 49%;

  *width: 48.9%;

  margin-bottom: 3%;

}

.activity ul li a {

  display: block;

  margin-bottom: 20px;

}

.activity ul li a img {

  display: block;

  width: 100%;

}

.activity ul li .tit {

  font-size: 1.285em;

  line-height: 24px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  width: 100%;

  margin-bottom: 0;

  color: #000000;

}

.activity ul li .date {

  margin-bottom: 15px;

  font-size: 0.857em;

  color: #000;

}

.activity ul li .cont {

  font-size: 1em;

  color: #434343;

  max-height: 5em;

  line-height: 24px;

  overflow: hidden;

}

.activity .join-box {

  display: none;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #fff ;

  box-sizing: border-box;

  border: 2px solid #3b6bc1;

}

.activity .join-box .btn-close {

  position: absolute;

  right: 10px;

  top: 10px;

  width: 30px;

  height: 30px;

  background: url("../img/btn_close.png") center no-repeat;

}

.activity .join-box .text {

  margin: 12% 0;

  text-align: center;

  font-size: 20px;

  color: #000;

}

.activity .join-box .contact {

  width: 70%;

  margin: 0 auto;

  text-align: center;

}

.activity .join-box .contact a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 48%;

  *width: 47.9%;

  margin-left: 4%;

}

.activity .join-box .contact a img {

  display: block;

  margin: 0 auto;

}

.activity .join-box .contact a span {

  display: block;

  margin-top: 20px;

  font-size: 20px;

  color: #000000;

}

.activity .join-box .contact a:first-child {

  margin-left: 0;

}

.btn-join {

  display: block;

  margin-top: 2%;

  color: #fff;

  background: #005b98;

  font-size: 18px;

  text-align: center;

  height: 50px;

  line-height: 50px;

}

@media screen and (max-width: 480px) {

  .activity ul li {

    width: auto;

    margin: 0 0 20px;

  }

  .activity ul li a img {

    max-width: none;

  }

}

.alumni-style ul {

  font-size: 0;

}

.alumni-style ul li {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  width: 32.33%;

  *width: 32.13%;

  margin: 0.5%;

  overflow: hidden;

  font-size: 14px;

}

.alumni-style ul li a {

  display: block;

  position: relative;

}

.alumni-style ul li a img {

  display: block;

  width: 100%;

}

.alumni-style ul li a .text {

  display: none;

  position: absolute;

  left: 3%;

  top: 5%;

  width: 94%;

  height: 90%;

  background: url("../img/lycont-bg.png") left top repeat;

  z-index: 3;

}

.alumni-style ul li a .text span {

  display: block;

  padding: 10% 8% 0;

}

@media (max-width: 1024px) {

  .alumni-style ul li a .text {

    display: block!important;

    position: static;

    width: 100%;

    height: auto;

    padding: 3% 0;

  }

  .alumni-style ul li a .text span {

    width: 90%;

    padding: 0 5%;

    height: 3em;

    overflow: hidden;

  }

}

@media (max-width: 768px) {

  .alumni-style ul li {

    width: 49%;

    *width: 48.9%;

  }

  .alumni-style ul li a .text span {

    height: 5.6em;

  }

}

@media (max-width: 480px) {

  .alumni-style ul li {

    display: block;

    width: auto;

    margin: 0 0 2%;

  }

  .alumni-style ul li a .text span {

    height: auto;

  }

}

.videobox {

  display: none;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 99999;

}

.videobox .bg {

  width: 100%;

  height: 100%;

  background: url("../img/bg.png") left top repeat;

}

.videobox .videobox-in {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 1000px;

  height: 600px;

  margin-left: -500px;

  margin-top: -300px;

}

.videobox .videobox-in .btn-close {

  position: absolute;

  right: 10px;

  top: 10px;

  width: 30px;

  height: 30px;

  background: url("../img/btn_close.png") center no-repeat;

  z-index: 3;

}

.videobox .videobox-in #video {

  width: 100%;

  height: 100%;

}

.jwlogo {

  display: none;

}

@media (max-width: 1280px) {

  .videobox .videobox-in {

    left: 10%;

    top: 15%;

    width: 80%;

    height: 70%;

    margin: 0;

  }

}

@media (max-width: 768px) {

  .videobox .videobox-in {

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    margin: 0;

  }

}

.alumni-address-book {

  min-height: 1000px;

}

.alumni-address-book ul {

  padding-bottom: 15px;

}

.alumni-address-book ul li {

  padding: 16px 25px;

  border: 1px solid #d2d2d2;

  margin-bottom: 10px;

  cursor: pointer;

}

.alumni-address-book ul li .hd {

  position: relative;

}

.alumni-address-book ul li .hd .tit {

  font-size: 18px;

  color: #000;

  font-weight: normal;

  padding: 4px 5em 4px 5px;

  display: block;

}

.alumni-address-book ul li .hd .btn-show {

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -0.75em;

  font-size: 14px;

  color: #000;

  width: 5em;

  height: 1.5em;

  line-height: 1.5em;

  outline: none;

}

.alumni-address-book ul li .bd {

  display: none;

  padding: 3% 0;

}

.alumni-address-book ul li .bd dl {

  font-size: 0;

}

.alumni-address-book ul li .bd dl dd {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  font-size: 14px;

  width: 20%;

  *width: 19.9%;

  text-align: center;

}

.alumni-address-book ul li .bd dl dd a {

  color: #000000;

  display: block;

  height: 40px;

  line-height: 40px;

}

.alumni-address-book ul li .bd dl dd a:hover {

  background: #dcdcdc;

}

.alumni-address-book ul li.on {

  border-width: 3px;

  border-color: #3b6bc1;

}

.alumni-address-book ul li.on .hd .btn-show {

  display: none;

}

.alumni-address-book ul li.on .bd {

  display: block;

}

@media screen and (max-width: 1024px) {

  .alumni-address-book {

    min-height: 0;

  }

}

@media screen and (max-width: 768px) {

  .alumni-address-book ul li .hd .tit {

    font-size: 16px;

  }

  .alumni-address-book ul li .bd dl dd {

    width: 25%;

    *width: 24.9%;

  }

}

.facilities {

  padding-bottom: 30px;

}

.facilities ul li {

  float: left;

  width: 19%;

  margin-left: 1%;

}

.facilities ul li a {

  display: block;

}

.facilities ul li a img {

  display: block;

  width: 100%;

}

.facilities ul li.frist {

  margin-left: 0;

}

@media screen and (max-width: 768px) {

  .facilities ul li {

    float: left;

    width: 32.5%;

    margin-top: 10px;

  }

  .facilities ul li.seacond {

    margin-left: 0;

  }

}

.sephone .selists li {

  float: left;

  width: 50%;

  color: #ffffff;

}

.sephone .selists li .dhexplain {

  padding: 25px 15px;

  background: #3c6bc1;

  min-height: 240px;

}

.sephone .selists li .dhexplain h3 {

  margin: 0;

  font-size: 1.285em;

  font-weight: normal;

}

.sephone .selists li .dhcommon {

  background: #00b7ee;

}

.sephone .selists li .dhcommon p span {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 135px;

}

@media screen and (max-width: 768px) {

  .sephone .selists li {

    float: none !important;

    width: 100%;

  }

  .sephone .selists li .dhexplain {

    min-height: 100%;

  }

}

.schoolnotto {

  display: block;

  width: 100%;

  padding-bottom: 30px;

}

.schoolsong {

  background: #f7f7f7;

}

.schoolsong .ltvideo {

  float: left;

  width: 56%;

}

.schoolsong .lyric {

  float: left;

  width: 44%;

  padding-top: 30px;

}

.schoolsong .lyric .songplay {

  height: 24px;

  background: url("../img/song-coin01.png") no-repeat center;

  margin-bottom: 10px;

}

.schoolsong .lyric p {

  text-align: center;

  color: #000000;

  padding-bottom: 10px;

}

@media screen and (max-width: 768px) {

  .schoolsong .ltvideo {

    float: none !important;

    width: 100%;

  }

  .schoolsong .lyric {

    float: none !important;

    width: 100%;

    padding: 45px 0;

  }

}

.personal-info-maintenance {

  min-height: 800px;

}

.personal-info-maintenance ul li {

  position: relative;

  border: 1px solid #d2d2d2;

  padding: 10px;

  margin: 10px 0;

}

.personal-info-maintenance ul li .group {

  padding-right: 135px;

}

.personal-info-maintenance ul li .group label {

  float: left;

  width: 5em;

  padding: 0 1em;

  color: #9d9d9d;

  line-height: 40px;

}

.personal-info-maintenance ul li .group p {

  margin-left: 7em;

  padding: 1px 15px;

}

.personal-info-maintenance ul li .group p input {

  color: #000;

  line-height: 38px;

  height: 38px;

  outline: none;

  width: 100%;

  border: 0;

  background: none;

}

.personal-info-maintenance ul li .option {

  position: absolute;

  right: 10px;

  top: 10px;

  width: 125px;

}

.personal-info-maintenance ul li .option .change {

  display: block;

  width: 40px;

  height: 40px;

  margin-left: auto;

  outline: none;

  background: url("../img/icon-change.png") center no-repeat;

}

.personal-info-maintenance ul li .option .changebox {

  display: none;

  font-size: 0;

}

.personal-info-maintenance ul li .option .changebox a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  font-size: 14px;

  width: 60px;

  height: 40px;

  background: url("../img/icon-ok.jpg") center no-repeat;

}

.personal-info-maintenance ul li .option .changebox .ok {

  margin-left: 5px;

  background-image: url("../img/icon-ok.jpg");

}

.personal-info-maintenance ul li .option .changebox .cancel {

  background-image: url("../img/icon-cancel.jpg");

}

.personal-info-maintenance ul li.cur .group p {

  border: 1px solid #d2d2d2;

  background: #f5f5f5;

  padding-top: 0;

  padding-bottom: 0;

}

.personal-info-maintenance ul li.cur .option .change {

  display: none;

}

.personal-info-maintenance ul li.cur .option .changebox {

  display: block;

  margin-left: auto;

}

@media (max-width: 1024px) {

  .personal-info-maintenance {

    min-height: 0;

  }

}

@media (max-width: 480px) {

  .personal-info-maintenance ul li .group {

    padding-right: 70px;

  }

  .personal-info-maintenance ul li .group label {

    float: none;

  }

  .personal-info-maintenance ul li .group p {

    margin-left: 0;

  }

  .personal-info-maintenance ul li .option {

    width: 60px;

  }

  .personal-info-maintenance ul li .option .change {

    margin-top: 21px;

  }

  .personal-info-maintenance ul li .option .changebox a {

    height: 38px;

    display: block;

  }

  .personal-info-maintenance ul li .option .changebox .ok {

    margin-top: 6px;

    margin-left: 0;

  }

}

.school-list {

  margin: 6% 0;

}

.school-list ul {

  width: 100%;

  position: relative;

  overflow: hidden;

  font-size: 0;

}

.school-list ul li {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  width: 25%;

  *width: 24.9%;

  /*width: 20%;

  *width: 19.9%;

  border-left: 1px solid #fff;*/

  /*margin-left: -1px;*/

  font-size: 14px;

  position: relative;

}

.school-list ul li a{

  display: block;

  margin-right: 1px;

}

.school-list ul li .pic img {

  display: block;

  width: 100%;

}

.school-list ul li .cont {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

}

.school-list ul li .cont .bgc {

  position: absolute;

  left: 0;

  top: 0;

  width: 99.8%;

  height: 100%;

  opacity: 0.9;

  filter: alpha(opacity=90);

}

.school-list ul li .cont .bgc-blue {

  background: #2bb2d1;

}

.school-list ul li .cont .bgc-green {

  background: #2ea964;

}

.school-list ul li .cont .bgc-green-2{

  background: #005bac;

}

.school-list ul li .cont .bgc-yellow {

  background: #e7b953;

}

.school-list ul li .cont .bgc-purple {

  background: #4872c0;

}

.school-list ul li .cont .text {

  position: relative;

  z-index: 2;

  width: 99.5%;

  text-align: center;

  font-size: 16px;

  padding: 12px 0;

  color: #fff;

}

.school-list ul li .cont .text img {

  display: none;

}

.school-list ul li .cont .text span {

  display: block;

}

.school-list ul li a:hover .cont {

  height: 100%;

}

.school-list ul li a:hover .cont .text {

  position: absolute;

  top: 22%;

}

.school-list ul li a:hover .cont .text img {

  display: block;

  margin: 0 auto 10px;

}

@media (max-width: 1024px) {

  .school-list ul {

    width: 75%;

    margin: 0 auto;

  }

  .school-list ul li {

    width: 50%;

    *width: 49.9%;

  }

}

@media (max-width: 768px) {

  .school-list ul {

    width: 90%;

    margin: 0 auto;

  }

  .school-list ul li .cont .text {

    font-size: 16px;

  }

}

@media (max-width: 480px) {

  .school-list ul {

    width: 96%;

    margin: 0 auto;

  }

  .school-list ul li {

    width: 100%;

    border: 0;

    margin-left: 0;

    margin-bottom: 10px;

  }

}

.xwjy-news {

  margin-bottom: 5%;

}

.xwjy-news .tit-list {

  position: relative;

  font-size: 20px;

  font-weight: bold;

  color: #999999;

  margin-bottom: 2%;

}

.xwjy-news .tit-list ul li {

  float: left;

  margin-right: 1em;

  cursor: pointer;

}

.xwjy-news .tit-list ul li.on {

  color: #005b98;

}

.xwjy-news .tit-list .link-more {

  position: absolute;

  right: 0;

  bottom: 0;

  font-size: 12px;

  font-weight: normal;

  color: #999999;

}

.xwjy-news .section-list {

  position: relative;

  display: none;

}

.xwjy-news .section-list .link-more08{

  position: absolute;

  top: -46px;

  right: 0;

  font-size: 14px;

  color: #999;

  font-weight: bold;

}

.xwjy-news .section-list > ul {

  width: 72%;

}

.xwjy-news .section-list > ul li {

  float: left;

  width: 49%;

  margin-left: 2%;

  position: relative;

}

.xwjy-news .section-list > ul li:first-child {

  margin-left: 0;

}

.xwjy-news .section-list > ul li a {

  display: block;

}

.xwjy-news .section-list > ul li a img {

  display: block;

  width: 100%;

  max-height: 282px;

}

.xwjy-news .section-list > ul li a .tag {

  color: #fff;

  font-size: 14px;

  width: 80px;

  height: 32px;

  line-height: 32px;

  position: absolute;

  left: 0;

  top: 0;

  text-align: center;

  background: #005bac;

}

.xwjy-news .section-list > ul li a .cont {

  margin-top: 2%;

  position: relative;

  padding-right: 6em;

}

.xwjy-news .section-list > ul li a .cont .text {

  width: 100%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #000000;

  font-size: 18px;

}

.xwjy-news .section-list > ul li a .cont .date {

  position: absolute;

  right: 0;

  top: 3px;

  color: #999999;

  font-size: 14px;

  width: 6em;

  text-align: right;

}

.xwjy-news .section-list .text-list {

  position: absolute;

  right: 0;

  top: 0;

  width: 26%;

}

.xwjy-news .section-list .text-list ul li {

  margin-bottom: 15px;

}

.xwjy-news .section-list .text-list ul li a {

  display: block;

  height: 50px;

}

.xwjy-news .section-list .text-list ul li a .date {

  float: left;

  width: 40px;

  height: 40px;

  background: #005bac;

  color: #fff;

  font-size: 14px;

  line-height: 1.2;

  padding: 5px;

}

.xwjy-news .section-list .text-list ul li a .date span {

  display: block;

  font-size: 20px;

}

.xwjy-news .section-list .text-list ul li a .text {

  margin-left: 60px;

  font-size: 14px;

  color: #000000;

  height: 3em;

  overflow: hidden;

  padding-top: 5px;

}

.xwjy-news .section-list .text-list ul li a:hover {

  background: #a4c2f8;

}

.xwjy-news .section-list .text-list ul li a:hover .text {

  color: #fff;

}

@media (max-width: 1024px) {

  .xwjy-news {

    padding: 0 5%;

  }

  .xwjy-news .section-list > ul {

    width: auto;

    margin-bottom: 5%;

  }

  .xwjy-news .section-list .text-list {

    position: static;

    width: 100%;

  }

}

@media (max-width: 768px) {

  .xwjy-news .section-list > ul li a .cont .text {

    font-size: 16px;

  }

}

@media (max-width: 480px) {

  .xwjy-news .section-list > ul li {

    width: 100%;

    margin-left: 0;

    margin-bottom: 2%;

  }

}

.alumni-column {

  float: left;

  width: 72%;

  margin-bottom: 5%;

}

.alumni-column .tit {

  position: relative;

  font-size: 20px;

  font-weight: bold;

  color: #000000;

  margin-bottom: 2%;

}

.alumni-column .tit .link-more {

  position: absolute;

  right: 0;

  bottom: 0;

  font-size: 12px;

  font-weight: normal;

  color: #999999;

}

.alumni-column .cont ul li {

  float: left;

  width: 24%;

  margin-left: 1.33%;

  *margin-left: 1.23%;

}

.alumni-column .cont ul li:first-child {

  margin-left: 0;

}

.alumni-column .cont ul li a img {

  display: block;

  width: 100%;

}

.alumni-column .cont ul li a .text {

  font-size: 16px;

  color: #000;

  margin-top: 5px;

}

.erweima03 {

  float: left;

  width: 27%;

  margin-left: 1%;

}

.erweima03 img {

  width: 100%;

  display: block;

  max-width: 320px;

  margin: 0 auto;

}

@media (max-width: 1024px) {

  .alumni-column {

    width: auto;

    padding: 0 5%;

    float: none;

  }

  .erweima03 {

    float: none;

    width: auto;

    margin-bottom: 5%;

  }

}

@media (max-width: 768px) {

  .alumni-column .cont ul li {

    width: 49%;

    margin: 0 0.5% ;

  }

}

@media (max-width: 768px) {

  .alumni-column .cont ul li {

    float: none;

    width: auto;

    margin: 0 0 2%;

  }

}

.pxbtitle {

  position: absolute;

  top: 300px;

  left: 18.75%;

  z-index: 99;

  color: #000;

}

.pxbtitle p {

  font-size: 2.714em;

  font-weight: bold;

}

.pxbtitle span {

  font-size: 1.857em;

}

.swiper-container {

  position: relative;

  

}

.swiper-container .lunbo-page {

  position: absolute;

  top: 90%;

  left: 0;

  width: 100%;

  text-align: center;

}

.swiper-container .lunbo-page span {

  display: inline-block;

  width: 10px;

  height: 10px;

  background: #fff;

  border-radius: 5px;

  margin: 0 6px;

  cursor: pointer;

}

.swiper-container .lunbo-page .swiper-visible-switch {

  background: #005bac;

}

.swiper-container .lunbo-page .swiper-active-switch {

  background: #005bac;

}

/*培训项目首页*/

.picBtnTop{

  position: relative;

}

.picBtnTop .hd{

  width: 49%;

  float: right;

}

.picBtnTop .hd ul{



}

.picBtnTop .hd ul li{

  width: 100%;

  margin-bottom: 10px;

  background: #eee;



}

.picBtnTop .hd ul li:hover .newsListTxt p a{

  text-decoration: underline; 

}

.picBtnTop .hd ul li .newsListTime{

  background: #005bac;

  width: 50px;

  height: 50px;

}

.picBtnTop .hd ul li .newsListTime span{

  display: inline-block;

  margin-left: 5px;

}

.picBtnTop .hd ul li .newsListTime .time01h{

  font-size: 20px;

  color: #fff;

}

.picBtnTop .hd ul li .newsListTime .time02h{

  font-size: 14px;

  color: #fff;

}

.picBtnTop .hd ul li .newsListTxt{

  width: 100%;

  float: left;

  height: 40px;

  line-height: 40px;

}

.picBtnTop .hd ul li .newsListTxt p{

  font-size: 14px;

  color: #626262;

  overflow: hidden;

}

.picBtnTop .hd ul li .newsListTxt p a{

  display: inline-block;

  width: 70%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding-left: 20px;

  background: url("../img/news-listBg.png") no-repeat;

  background-position: left 6px center;

}

.picBtnTop .hd ul li .newsListTxt p span{

  display: inline-block;

  float:right;

  margin-right: 5px;

}

.picBtnTop .bd{ 

  width:49%; 

  overflow: hidden; 

  float: left; 

  position:relative;

}

.picBtnTop .bd ul li{

  display: block !important;

}

.picBtnTop .bd ul li .img-hdgg-tp{

  position: relative;

}

.picBtnTop .bd ul li .img-hdgg-tp a img{



}

.picBtnTop .bd ul li .slide-txt{

  font-size: 16px;

  color: #000;

  overflow: hidden;

  text-overflow:ellipsis;

  white-space: nowrap;

  width: 94%;

  padding: 14px 2%;

}

.picBtnTop .bd ul li .slide-txt span{

  font-size: 14px;

  color: #999;

  float: right;

  margin: 6px 0;

}

.picBtnTop .bd ul li .img-hdgg-tp .tp-bg01{

  font-size: 14px;

  background: #005bac;

  color: #fff;

  padding: 10px 26px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 99;

}

.picBtnTop .bd ul li .img-hdgg-tp a{

  display: block;

}

.picBtnTop .bd ul li .img-hdgg-tp img{

  width: auto;

  height: 232px;

}









.slideTxtBox {

  position: relative;

}

.slideTxtBox .bd ul li {

  overflow: hidden;

}

.slideTxtBox .bd ul li .img-hdgg-tp {

  position: relative;

}

.slideTxtBox .bd ul li .img-hdgg-tp img {

  width: auto;

  height: 232px;

  display: block;

}

.slideTxtBox .bd ul li .img-hdgg-tp .tp-bg01 {

  font-size: 14px;

  background: #005bac;

  color: #fff;

  padding: 10px 26px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 99;

}

.slideTxtBox .bd ul li .slide-txt {

  font-size: 16px;

  color: #000;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  width: 94%;

  padding: 14px 2%;

}

.slideTxtBox .bd ul li .slide-txt span {

  font-size: 14px;

  color: #999;

  float: right;

  margin: 6px 0;

}

.slideTxtBox .slide-p-h {

  background: url("../img/slide-p.jpg") no-repeat;

  width: 25px;

  height: 25px;

  display: inline-block;

  position: absolute;

  bottom: 81px;

  right: 25px;

}

.slideTxtBox .slide-n-h {

  background: url("../img/slide-n.jpg") no-repeat;

  width: 25px;

  height: 25px;

  display: inline-block;

  position: absolute;

  bottom: 81px;

  right: 0;

}

.train-con01 {

  border-bottom: 1px solid #dedede;

  padding-bottom: 16px;



}

.train-con01 .activity-con {

  width: 100%;

  position: relative;

}

.train-con01 .activity-con .more-lk {

  font-size: 14px;

  color: #999;

  float: right;

  position: absolute;

  top: 0;

  right: 0;

}

.train-con01 .activity-con .ck-moreNews {

  display: none;

}

.train-con01 .news-trainCon {

  width: 49%;

  position: relative;

}

.train-con01 .news-trainCon .more-lk {

  font-size: 14px;

  color: #999;

  float: right;

  position: absolute;

  top: 0;

  right: 0;

}

.train-con01 .news-trainCon .ck-moreNews {

  display: none;

}

.train-con01 .news-trainCon .news-trainList ul li {

  margin-bottom: 10px;

}

.train-con01 .news-trainCon .news-trainList ul li .newsListTime {

  background: #005bac;

  width: 50px;

  height: 50px;

}

.train-con01 .news-trainCon .news-trainList ul li .newsListTime span {

  display: inline-block;

  margin-left: 5px;

}

.train-con01 .news-trainCon .news-trainList ul li .newsListTime .time01h {

  font-size: 20px;

  color: #fff;

}

.train-con01 .news-trainCon .news-trainList ul li .newsListTime .time02h {

  font-size: 14px;

  color: #fff;

}

.train-con01 .news-trainCon .news-trainList ul li .newsListTxt {

  width: 80%;

  float: left;

  height: 50px;

}

.train-con01 .news-trainCon .news-trainList ul li .newsListTxt p {

  font-size: 14px;

  color: #626262;

  margin: 4px 0 0 12px;

  max-height: 38px;

  overflow: hidden;

}

.train-con01 .news-trainCon .news-trainList ul li .newsListTxt:hover {

  background: #f2f2f2;

}

.train-con01 .news-trainCon .news-trainList ul li .newsListTxt:hover p a {

  color: #000;

}

.train-con02 {

  border-bottom: 1px solid #dedede;

  padding-bottom: 320px;

}

.train-con02 .list-titTab {

  padding: 30px 0;

}

.train-con02 .list-titTab ul .tab-wz-more{

  font-size: 14px;

  color: #999;

  font-weight: bold;

}

.train-con02 .list-titTab ul li {

  margin-right: 50px;

  font-size: 20px;

  color: #999;

  font-weight: bold;

  cursor: pointer;

}

.train-con02 .list-titTab ul .tabList-on {

  color: #005b98;

}

.train-con02 .tab-listCon{

  position: relative;

}



.train-con02 .tab-listCon .dis-none {

  display: none;

}

.train-con02 .tab-listCon .tab-listC01{

  position: absolute;

  background: #f2f6f7;

  width: 100%;

}

.train-con02 .tab-listCon .tab-listC01-h7{

  opacity: 0;

}

.train-con02 .tab-listCon .tab-listC01 .tab-moreCon09{

  display: block;

  position: absolute;

  top: -77px;

  right: 0;

  font-size: 14px;

  color: #999;

  font-weight: bold;

  padding: 24px;

  background: #f2f6f7;

}

.train-con02 .tab-listCon .tab-listC01 .con02-bd02{ 

  width: 49%;

  overflow: hidden;

  float: left;

  position: relative;

}

.train-con02 .tab-listCon .tab-listC01 .slide-p-h2{

  position: absolute;

  bottom:29%; 

  right: 25px;

  width: 25px;

  height: 25px;

  display: inline-block;

  background: url("../img/slide-p.jpg") no-repeat;

}

.train-con02 .tab-listCon .tab-listC01 .slide-n-h2{

  position: absolute;

  bottom:29%; 

  right: 0;

  width: 25px;

  height: 25px;

  display: inline-block;

  background: url("../img/slide-n.jpg") no-repeat;

}

.train-con02 .tab-listCon .tab-listC01 .list-left-h {

  overflow: hidden;

}

.train-con02 .tab-listCon .tab-listC01 .list-left-h img {

  /*position: relative;*/

  width: 100%;

  /*left: 50%;

  margin-left: -205px;*/

}

.train-con02 .tab-listCon .tab-listC01 .list-left-h .slide-txt {

  font-size: 16px;

  color: #000;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  width: 96%;

  padding: 10px 2%;

}

.train-con02 .tab-listCon .tab-listC01 .list-left-h .slide-txt span {

  font-size: 14px;

  color: #999;

  float: right;

  margin-top: 6px;

}

.train-con02 .tab-listCon .tab-listC01 .list-right-h {

  width: 49%;

}

.train-con02 .tab-listCon .tab-listC01 .list-right-h ul li {

  margin-bottom: 10px;

  background: #eee;

}

.train-con02 .tab-listCon .tab-listC01 .list-right-h ul li .newsListTime {

  background: #005bac;

  width: 50px;

  height: 50px;

}

.train-con02 .tab-listCon .tab-listC01 .list-right-h ul li .newsListTime span {

  display: inline-block;

  margin-left: 5px;

}

.train-con02 .tab-listCon .tab-listC01 .list-right-h ul li .newsListTime .time01h {

  font-size: 20px;

  color: #fff;

}

.train-con02 .tab-listCon .tab-listC01 .list-right-h ul li .newsListTime .time02h {

  font-size: 14px;

  color: #fff;

}

.train-con02 .tab-listCon .tab-listC01 .list-right-h ul li .newsListTxt {

  width: 80%;

  float: left;

  height: 50px;

  background: #eee;

}

.train-con02 .tab-listCon .tab-listC01 .list-right-h ul li .newsListTxt p {

  font-size: 14px;

  color: #626262;

  margin: 4px 0 0 12px;

  max-height: 40px;

  overflow: hidden;

}

.train-con02 .tab-listCon .tab-listC01 .list-right-h ul li .newsListTxt:hover {

  background: #f2f2f2;

}

.train-con02 .tab-listCon .tab-listC01 .list-right-h ul li .newsListTxt:hover p a {

  color: #000;

}

.train-con02 .ck-moreNews {

  display: none;

}

.train-con03 {

  margin-bottom: 60px;

}

.train-con03 .mp-con .mp-con03-left {

  width: 49%;

  position: relative;

  overflow: hidden;

}

.train-con03 .mp-con .mp-con03-left .ck-moreNews {

  display: none;

}

.train-con03 .mp-con .mp-con03-left .jigou-tit h3 {

  font-size: 20px;

  color: #005b98;

}

.train-con03 .mp-con .mp-con03-left .jigou-tit h3 a {

  font-size: 14px;

  color: #999;

  float: right;

}

.train-con03 .mp-con .mp-con03-left .jigou-mp {

  width: 800px;

  overflow: hidden;

}

.train-con03 .mp-con .mp-con03-left .jigou-mp ul {

  overflow: hidden;

}

.train-con03 .mp-con .mp-con03-left .jigou-mp ul li {

  padding: 22px 28px;

  border: 1px solid #e6e6e6;

  background: #fff;

  width: 18%;

  margin-right: 8px;

}

.train-con03 .mp-con .mp-con03-left .jigou-mp ul li img {

  width: 100%;

}

.train-con03 .mp-con .mp-con03-left .jigou-mp ul li p {

  height: 38px;

  margin-top: 10px;

}

.train-con03 .mp-con .mp-con03-left .jigou-mp ul li p a {

  font-size: 14px;

  color: #000;

}

.train-con03 .mp-con .mp-con03-left .jigou-mp ul li:hover a {

  color: #003399;

}

.train-con03 .mp-con .mp-con03-left .jigou-mp .jigou-lb-pn {

  position: absolute;

  top: 24px;

  right: 0;

  width: 50px;

  height: 25px;

}

.train-con03 .mp-con .mp-con03-left .jigou-mp .jigou-lb-pn .prev {

  background: url("../img/slide-p.jpg") no-repeat;

  width: 25px;

  height: 25px;

  display: block;

}

.train-con03 .mp-con .mp-con03-left .jigou-mp .jigou-lb-pn .next {

  background: url("../img/slide-n.jpg") no-repeat;

  width: 25px;

  height: 25px;

  display: block;

}

.train-con03 .mp-con .mp-con03-right {

  width: 100%;

}

.train-con03 .mp-con .mp-con03-right .ck-moreNews {

  display: none;

}

.train-con03 .mp-con .mp-con03-right .friend-links-tit h3 {

  font-size: 20px;

  color: #005b98;

}

.train-con03 .mp-con .mp-con03-right .friend-links-tit h3 a {

  font-size: 14px;

  color: #999;

  float: right;

}

.train-con03 .mp-con .mp-con03-right .friend-links-list ul li {

  line-height: 33px;

  padding-left: 10px;

  padding-right: 10px;

  min-width: 190px;

}

.train-con03 .mp-con .mp-con03-right .friend-links-list ul li a {

  display: block;

  font-size: 16px;

  color: #626262;

}

.train-con03 .mp-con .mp-con03-right .friend-links-list ul li a:hover {

  color: #003399;

}

.train-con03 .mp-con .mp-con03-right .friend-links-list ul li:hover {

  background: #e5e5e5;

}

.train-con03 .mp-con .mp-con03-right .friend-links-list ul li:hover a {

  color: #000;

}

.right-kcb .right-kcb-con {

  padding: 70px 20px 60px 20px;

  border: 1px solid #dedede;

}

.right-kcb .right-kcb-con ul li {

  width: 33.33%;

  text-align: center;

  margin-bottom: 30px;

}

.right-kcb .right-kcb-con ul li a {

  display: block;

}

.right-kcb .right-kcb-con ul li a span {

  display: block;

}

.right-kcb .right-kcb-con .qnkcb-links {

  display: block;

  margin-top: 20px;

  font-size: 16px;

  color: #fff;

  background: #005bac;

  padding: 12px 0;

  text-align: center;

}

.right-ewm .right-ewm-con {

  padding: 46px 30px;

  border: 1px solid #dedede;

  background: #e9f5ff;

}

.right-ewm .right-ewm-con .ewm-left {

  width: 50%;

}

.right-ewm .right-ewm-con .ewm-left img {

  width: 100%;

}

.right-ewm .right-ewm-con .ewm-right {

  width: 40%;

  border-left: 1px dashed #dedede;

  padding-left: 3%;

  margin-left: 3%;

}

.right-ewm .right-ewm-con .ewm-right h3 {

  font-size: 28px;

  color: #000;

  margin: 12px 0 !important;

}

.right-ewm .right-ewm-con .ewm-right .r-txt01 {

  font-size: 14px;

  color: #000;

  display: block;

}

.right-ewm .right-ewm-con .ewm-right .r-txt02 {

  font-size: 17px;

  color: #005b98;

  display: block;

}

.right-ewm .right-ewm-con .ewm-right .r-txt03 {

  font-size: 14px;

  color: #000;

  display: block;

}

.right-login-con {

  border: 1px solid #dedede;

  padding: 52px 20px 70px 20px;

}

@media screen and (max-width: 1024px) {

  .pxbtitle {

    top: 162px;

  }

  .pxbtitle p {

    font-size: 2em;

    font-weight: bold;

  }

  .pxbtitle span {

    font-size: 1.428em;

  }

}

@media screen and (max-width: 480px) {

  .picBtnTop .bd ul li .img-hdgg-tp img{

    height: 262px !important;

  

  }

  .pxbtitle {

    top: 162px;

    color: #fff;

  }

  .pxbtitle p {

    font-size: 1.428em;

    font-weight: bold;

  }

  .pxbtitle span {

    font-size: 1.142em;

  }

}

@media screen and (max-width: 768px) {

  body {

    background: #fff !important;

  }

  .picBtnTop .hd{

    width: 100%;

    margin-top: 30px;

  }

  .picBtnTop .bd{

    width: 100%;

  }

  .picBtnTop .bd ul li .slide-txt{

    background: #f2f6f7;

  }

  .picBtnTop .bd ul li{

    /*max-height: 450px;*/

    overflow: hidden;

    height: auto !important;

  }

  .picBtnTop .bd ul li .img-hdgg-tp img{

    height: 382px;

    /*max-height: 310px;*/

  }





  .train-con02 .tab-listCon .tab-listC01 .con02-bd02{ 

    width: 100%;

    

  }

  .train-con01 .activity-con {

    width: 100%;

  }

  .train-con01 .activity-con .ck-moreNews {

    display: block;

  }

  .train-con01 .activity-con .ck-moreNews a {

    display: block;

    width: 100%;

    font-size: 18px;

    color: #1898c3;

    height: 48px;

    line-height: 48px;

    margin-top: 10px;

    border: 1px solid #1898c3;

    text-align: center;

  }

  .train-con01 .activity-con .more-lk {

    display: none;

  }

  .train-con01 .news-trainCon {

    width: 100%;

    margin-top: 30px;

  }

  .train-con01 .news-trainCon .more-lk {

    display: none;

  }

  .train-con01 .news-trainCon .ck-moreNews {

    display: block;

  }

  .train-con01 .news-trainCon .ck-moreNews a {

    display: block;

    width: 100%;

    font-size: 18px;

    color: #1898c3;

    height: 48px;

    line-height: 48px;

    margin-top: 10px;

    border: 1px solid #1898c3;

    text-align: center;

  }

  .train-con01 .news-trainCon .news-trainList ul li .newsListTxt {

    background: #e5e5e5;

    width: 82%;

  }

  .train-con02 .ck-moreNews {

    display: block;

  }

  .train-con02 .ck-moreNews a {

    display: block;

    width: 100%;

    font-size: 18px;

    color: #1898c3;

    height: 48px;

    line-height: 48px;

    margin-top: 10px;

    border: 1px solid #1898c3;

    text-align: center;

  }

  .train-con02 .list-titTab {

    padding: 30px 0;

  }

  .train-con02 .list-titTab ul li {

    margin-right: 3%;

  }

  .train-con02 .list-titTab ul .tabList-on {

    color: #005b98;

  }

  .train-con02 .tab-listCon .dis-none {

    display: none;

  }

  .train-con02 .tab-listCon .tab-listC01 .con2-l-img{

    width: 100%;

  }

  .train-con02 .tab-listCon .tab-listC01 .list-left-h {

    width: 100%;

  }

  .train-con02 .tab-listCon .tab-listC01 .list-left-h img {

    width: 100%;

    margin: 0;

    left: 0;

  }

  .train-con02 .tab-listCon .tab-listC01 .list-left-h .slide-txt {

    background: #f2f6f7;

  }

  .train-con02 .tab-listCon .tab-listC01 .list-right-h {

    width: 100%;

    margin-top: 30px;

  }

  .train-con02 .tab-listCon .tab-listC01 .list-right-h ul li{

    background: #eee;

  }

  .train-con02 .tab-listCon .tab-listC01 .list-right-h ul li .newsListTxt {

    

    width: 82%;

  }

  .train-con03 .mp-con .mp-con03-left {

    width: 100%;

  }

  .train-con03 .mp-con .mp-con03-left .ck-moreNews {

    display: block;

  }

  .train-con03 .mp-con .mp-con03-left .ck-moreNews a {

    display: block;

    width: 100%;

    font-size: 18px;

    color: #1898c3;

    height: 48px;

    line-height: 48px;

    margin-top: 10px;

    border: 1px solid #1898c3;

    text-align: center;

  }

  .train-con03 .mp-con .mp-con03-left .jigou-tit h3 a {

    display: none;

  }

  .train-con03 .mp-con .mp-con03-left .jigou-mp {

    width: 100%;

  }

  .train-con03 .mp-con .mp-con03-left .jigou-mp .tempWrap {

    width: 100% !important;

  }

  .train-con03 .mp-con .mp-con03-left .jigou-mp ul {

    width: 100% !important;

  }

  .train-con03 .mp-con .mp-con03-left .jigou-mp ul li {

    float: none !important;

    width: 80% !important;

    margin-left: 5%;

    margin-bottom: 10px;

  }

  .train-con03 .mp-con .mp-con03-left .jigou-mp .jigou-lb-pn {

    display: none;

  }

  .train-con03 .mp-con .mp-con03-right {

    width: 100%;

  }

  .train-con03 .mp-con .mp-con03-right .ck-moreNews {

    display: none;

  }

  .train-con03 .mp-con .mp-con03-right .ck-moreNews a {

    display: block;

    width: 100%;

    font-size: 18px;

    color: #1898c3;

    height: 48px;

    line-height: 48px;

    margin-top: 10px;

    border: 1px solid #1898c3;

    text-align: center;

  }

  .train-con03 .mp-con .mp-con03-right .friend-links-tit h3 a {

    display: none;

  }

  .slideTxtBox .bd ul li .slide-txt {

    background: #f2f6f7;

  }

  .slideTxtBox .slide-p-h {

    display: none;

  }

  .slideTxtBox .slide-n-h {

    display: none;

  }

  .right-kcb {

    margin-bottom: 10px;

  }

  .right-ewm {

    margin-bottom: 10px;

  }

  .right-login-con {

    margin-bottom: 30px;

  }

}

.notice-con {

  margin-bottom: 36px;

}

.notice-con .notice-con-list ul li:hover {

  background: #e5e5e5;

}

.notice-con .notice-con-list ul li {

  padding: 6px 10px 6px 20px;

  border-bottom: 1px solid #e5e5e5;

}

.notice-con .notice-con-list ul li .not-text {

  width: 75%;

}

.notice-con .notice-con-list ul li .not-text a {

  font-size: 14px;

  color: #000;

}

.notice-con .notice-con-list ul li .not-time {

  font-size: 12px;

  color: #000;

  width: 18%;

}

.recent-news .recent-news-con ul li:hover {

  border: 2px solid #3b6bc1;

}

.recent-news .recent-news-con ul .mar-sb02 {

  margin-left: 2.6%;

  margin-right: 2.6%;

}

.recent-news .recent-news-con ul li {

  width: 31%;

  margin-bottom: 35px;

  border: 2px solid #fff;

}

.recent-news .recent-news-con ul li .rec-img {

  display: block;

  width: 100%;

}

.recent-news .recent-news-con ul li .rec-tit {

  font-size: 18px;

  color: #000;

  font-weight: normal;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  width: 100%;

  margin-bottom: 0 !important;

}

.recent-news .recent-news-con ul li .rec-time {

  font-size: 12px;

  color: #000;

}

.recent-news .recent-news-con ul li .rec-text {

  font-size: 14px;

  color: #434343;

  line-height: 24px;

  margin: 20px 0;

  height: 48px;

  overflow: hidden;

}

.sys-fCon {

  background: #e5e5e5;

  padding: 34px 0;

}

.sys-fun {

  max-width: 1200px;

  margin: 0 auto;

}

.sys-fun .sys-fun-con {

  width: 68%;

}

.sys-fun .sys-fun-con ul .marR01 {

  margin-right: 1%;

}

.sys-fun .sys-fun-con ul li {

  width: 21%;

  padding: 24PX 1%;

  text-align: center;

  border: 2px solid #bfbfbf;

  background: #eee;

}

.sys-fun .sys-fun-con ul li a {

  display: block;

}

.sys-fun .sys-fun-con ul li a span {

  display: block;

  margin-top: 20px;

  height: 38px;

}

.sys-fun .sys-friend-link {

  width: 28%;

}

.sys-fun .sys-friend-link .sys-fd-tit {

  font-size: 14px;

  color: #000;

}

.sys-fun .sys-friend-link ul {

  margin-top: 10px;

}

.sys-fun .sys-friend-link ul li {

  line-height: 20px;

}

.sys-fun .sys-friend-link ul li a {

  font-size: 14px;

  color: #434343;

}

.sys-fun .sys-friend-link ul li a:hover {

  text-decoration: underline;

}

@media screen and (max-width: 1024px) {

  .recent-news .recent-news-con ul .mar-sb02 {

    margin-left: 2.6%;

    margin-right: 2.6%;

  }

}

@media screen and (max-width: 768px) {

  .recent-news .recent-news-con ul .mar-sb01 {

    margin-right: 2% !important;

  }

  .recent-news .recent-news-con ul .mar-sb02 {

    margin-left: 0;

    margin-right: 0;

  }

  .recent-news .recent-news-con ul li {

    width: 48%;

  }

  .sys-fun {

    width: 94%;

    margin: 0 auto;

  }

  .sys-fun .sys-fun-con {

    width: 100%;

  }

  .sys-fun .sys-fun-con ul .marR01 {

    margin-right: 1%;

  }

  .sys-fun .sys-friend-link {

    width: 100%;

  }

}

@media screen and (max-width: 480px) {

  .recent-news .recent-news-con ul .mar-sb01 {

    margin-right: 2% !important;

  }

  .recent-news .recent-news-con ul .mar-sb02 {

    margin-left: 0;

    margin-right: 0;

  }

  .recent-news .recent-news-con ul li {

    width: 100%;

  }

}

@media screen and (max-width: 580px) {

  .sys-fun {

    width: 94%;

    margin: 0 auto;

  }

  .sys-fun .sys-fun-con {

    width: 100%;

  }

  .sys-fun .sys-fun-con ul li {

    width: 44.6%;

    margin: 0 1% 2% 1% !important;

  }

  .sys-fun .sys-friend-link {

    width: 100%;

  }

}

.cjzk-top-tit01 {

  width: 230px;

  height: 120px;

  line-height: 120px;

  text-align: center;

  background: #005b98;

  color: #fff;

  font-weight: bold;

  font-size: 26px;

  position: relative;

  top: -120px;

  left: 0;

}

.cjzk-sy {

  max-width: 1200px;

  margin: 0 auto;

}

.cjzk-sy .cjzk-sy-con {

  margin-top: -95px;

}

.cjzk-sy .cjzk-sy-con .mar-r-jl {

  margin-right: 4%;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon {

  width: 48%;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zk-tit-h01 {

  font-size: 20px;

  color: #000;

  border-bottom: 1px dashed #cfcfcf;

  padding-bottom: 30px;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zk-tit-h01 a {

  font-size: 14px;

  color: #adadad;

  float: right;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixunC01 {

  border-bottom: 1px dashed #cfcfcf;

  padding-bottom: 24px;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixunC01 .zx-l-img {

  width: 41%;

  margin-right: 5%;

  overflow: hidden;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixunC01 .zx-l-img img {

  width: 240px;

  position: relative;

  left: 50%;

  margin-left: -120px;

  max-height: 138px;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixunC01 .zx-r-text {

  width: 54%;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixunC01 .zx-r-text .zx-t01 {

  font-size: 16px;

  color: #333;

  max-height: 44px;

  overflow: hidden;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixunC01 .zx-r-text .zx-timeT {

  display: block;

  font-size: 14px;

  color: #999;

  margin-top: 26px;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixunC01 .zx-r-text .zx-t02 {

  margin-top: 26px;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixunC01 .zx-r-text .zx-t02 .zx-lyC01 {

  color: #ff6551;

  margin-right: 10px;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixunC01 .zx-r-text .zx-t02 .zx-lyC02 {

  color: #999;

  margin-right: 10px;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixunC01 .zx-r-text .zx-t02 .zx-lyC03 {

  color: #999;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixun-listCon {

  margin: 24px 0;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixun-listCon ul li {

  line-height: 35px;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixun-listCon ul li a {

  display: inline-block;

  font-size: 16px;

  color: #333;

  background: url("../img/cjzk-sy-listIcon.png") no-repeat;

  background-position: left center;

  padding-left: 20px;

  max-width: 68%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.cjzk-sy .cjzk-sy-con .cjzk-listCon .zixun-listCon ul li span {

  font-size: 14px;

  color: #999;

  float: right;

}

.zcjg-lb {

  position: relative;

  margin-top: 30px;

  background: #f2f6f7;

}

.zcjg-lb .zcjg-lb-con {

  max-width: 1200px;

  margin: 0 auto;

  padding: 50px 0 80px 0;

  overflow: hidden;

}

.zcjg-lb .zcjg-lb-con .jg-tit-h1 {

  font-size: 20px;

  color: #000;

}

.zcjg-lb .zcjg-lb-con .jg-tit-h1 a {

  font-size: 14px;

  color: #adadad;

  float: right;

}

.zcjg-lb .zcjg-lb-con .zcjg-lb-list .sPrev {

  background: url("../img/cjzk-lb-leftIcon.png") no-repeat;

  display: block;

  width: 28px;

  height: 28px;

  position: absolute;

  top: 50%;

  left: 15%;

  margin-top: -14px;

}

.zcjg-lb .zcjg-lb-con .zcjg-lb-list .sNext {

  background: url("../img/cjzk-lb-rightIcon.png") no-repeat;

  display: block;

  width: 28px;

  height: 28px;

  position: absolute;

  top: 50%;

  right: 15%;

  margin-top: -14px;

}

.zcjg-lb .zcjg-lb-con .zcjg-lb-list .tempWrap {

  width: 2460px !important;

}

.zcjg-lb .zcjg-lb-con .zcjg-lb-list .tempWrap ul {

  width: 1400px;

  height: 195px;

  overflow: hidden;

}

.zcjg-lb .zcjg-lb-con .zcjg-lb-list .tempWrap ul li {

  text-align: center;

}

.zcjg-lb .zcjg-lb-con .zcjg-lb-list .tempWrap ul li a:hover .jg-list-item .list-item-imgOn .item-imgOn {

  display: block;

}

.zcjg-lb .zcjg-lb-con .zcjg-lb-list .tempWrap ul li a {

  display: block;

}

.zcjg-lb .zcjg-lb-con .zcjg-lb-list .tempWrap ul li a .jg-list-item .list-item-imgOn {

  position: relative;

}

.zcjg-lb .zcjg-lb-con .zcjg-lb-list .tempWrap ul li a .jg-list-item .list-item-imgOn img{

  max-height: 140px;

}

.zcjg-lb .zcjg-lb-con .zcjg-lb-list .tempWrap ul li a .jg-list-item .list-item-imgOn .item-imgOn {

  display: none;

  position: absolute;

  top: 0;

  left: 0;

  background: url("../img/cjzk-sy-lbBg.png") repeat;

  width: 100%;

  height: 100%;

}

.zcjg-lb .zcjg-lb-con .zcjg-lb-list .tempWrap ul li a .jg-list-item .list-item-imgOn .item-imgOn img {

  margin-top: 58px;

}

.zcjg-lb .zcjg-lb-con .zcjg-lb-list .tempWrap ul li a .jg-list-item span {

  display: block;

  margin-top: 16px;

  color: #000;

  overflow: hidden; 

  text-overflow: ellipsis;

  white-space: nowrap;

}

@media screen and (max-width: 768px) {

  .cjzk-sy .cjzk-sy-con {

    padding: 0 10px;

  }

  .cjzk-sy .cjzk-sy-con .mar-r-jl {

    margin: 0;

  }

  .cjzk-sy .cjzk-sy-con .cjzk-listCon {

    width: 100%;

  }

  .zcjg-lb .zcjg-lb-con {

    padding: 50px 10px 80px 10px;

  }

}

@media screen and (max-width: 1024px) {

  .cjzk-sy .cjzk-sy-con {

    padding: 0 10px;

    margin-top: 0;

  }

  .cjzk-top-tit01 {

    display: none;

  }

}

@media screen and (max-width: 1824px) {

  .zcjg-lb .zcjg-lb-con .zcjg-lb-list .sPrev {

    top: 88%;

    left: 35%;

  }

  .zcjg-lb .zcjg-lb-con .zcjg-lb-list .sNext {

    top: 88%;

    right: 35%;

  }

}

.slideGroup {

  width: 100%;

  position: relative;

}

.slideGroup .slideBox {

  overflow: hidden;

  zoom: 1;

}

.slideGroup .slideBox .sy-link10{

  position: absolute;

  top: -38px;

  right: 0;

  font-weight: bold;

}

.slideGroup .parBd ul {

  overflow: hidden;

  zoom: 1;

}

.slideGroup .parBd ul li {

  _display: inline;

  width: 175px;

  overflow: hidden;

  margin-right: 19px;

}

.slideGroup .parBd ul li .pic {

  text-align: center;

}

.slideGroup .parBd ul li .pic img {

  width: 120px;

  height: 90px;

  display: block;

  padding: 2px;

  border: 1px solid #ccc;

}

.slideGroup .parBd ul li .pic a:hover img {

  border-color: #999;

}

.slideGroup .parBd ul li .title {

  line-height: 24px;

}

.wap-content {

  max-width: 1200px;

  width: 96%;

  margin: 0 auto;

  position: relative;

  /*min-height: 650px !important;*/

  height:auto;

}

.wap-content .wx-mapTit{

  position: absolute;

  top: -120px;

  left: 0;

  height: 120px;

  width: 230px;

  line-height: 120px;

  text-align: center;

  background: #005b98;

  color: #fff;

  font-size: 26px;

  font-weight: bold;

}

.wap-content .leftwap {

  float: left;

  width: 230px;

  position: relative;

  /*min-height: 755px;*/

}

.wap-content .rightwap {

  margin-left: 270px;

  padding: 40px 0 30px 0;

  min-height: 500px;

}

.wap-openlcass,

.wap-alumni {

  max-width: 1200px;

  width: 96%;

  margin: 0 auto;

  position: relative;

}

.wap-openlcass .leftwap,

.wap-alumni .leftwap {

  float: left;

  width: 70%;

  padding: 40px 0 30px 0;

}

.wap-openlcass .rightwap{

  overflow:auto;

}

.wap-openlcass .rightwap,

.wap-alumni .rightwap {

  top: 40px;

  position: absolute;

  width: 28%;

  right: 0;

}

.wap-alumni .leftwap {

  width: 68%;

}

.student-wap {

  width: 1200px;

  margin: 0 auto;

  padding: 60px 0;

}

@media screen and (max-width: 1280px) {

  .student-wap {

    width: 96%;

    margin: 0 auto;

    padding: 40px 0;

  }

}

@media screen and (max-width: 1024px) {

  .wap-content {

    width: 100%;

    min-height: 100%;

  }

  .wap-content .wx-mapTit{

    display: none;

  }

  .wap-content .leftwap {

    float: none !important;

    width: 100%;

    z-index: 1;

  }

  .wap-content .rightwap {

    width: 94%;

    margin: 0 auto;

    padding: 20px 0;

    min-height: auto;

  }

  .wap-openlcass,

  .wap-alumni {

    width: 96%;

  }

  .wap-openlcass .leftwap,

  .wap-alumni .leftwap {

    float: none !important;

    width: 100%;

    padding: 40px 0 30px 0;

  }

  .wap-openlcass .rightwap{

    overflow:auto;

  }

  .wap-openlcass .rightwap,

  .wap-alumni .rightwap {

    position: static;

    width: 100%;

    right: auto;

  }

}



.show-img-bg{

  display: none;

  width: 100%;

  height: 100%;

  background:#000;

  position: fixed;

  top: 0;

  z-index: 2;

filter:alpha(opacity=50);  

-moz-opacity:0.5;  

-khtml-opacity: 0.5;  

opacity: 0.5;  

}

.show-img-picbox{

  display: none;

  position: fixed;

  z-index: 9998;

  top: 12%;

  left: 40%;

  width: 700px;

  text-align: center;

  margin-left: -350px;

  

}

.show-img-picbox img{

  display: none;

  width: 1000px;

  border:12px solid #fff;

}

.show-img-picbox .show-img-txt{

  width: 100%;

  height: 34px;

  line-height: 34px;

  background: #fff;

  color: #333;

}

.frd-link{

  /*width: 1200px;*/

  /*margin: 0 auto;*/

  padding: 6px 0;

}

.frd-link .frd-link-con{

  padding: 30px;

  background: #e8f0fd;

}

.frd-link .frd-link-con .frd-link-list{}

.frd-link .frd-link-con .frd-link-list h3{

  font-size: 18px;

  color: #010101;

}

.frd-link .frd-link-con .frd-link-list ul{}

.frd-link .frd-link-con .frd-link-list ul li{

  float: left;

  width: 24%;

  height: 50px;

  line-height: 50px;

  text-align: center;

  margin: 0.5%;

  background: #fff;

}

.frd-link .frd-link-con .frd-link-list ul li a{

  display: block;

  color: #424242;

  font-size: 14px;

}

.frd-link .frd-link-con2{

  padding: 30px;

  background: #fff;

}

.frd-link .frd-link-con2 .frd-link-list h3{

  font-size: 18px;

  color: #010101;

}

.frd-link .frd-link-con2 .frd-link-list ul li{

  float: left;

  width: 24%;

  height: 50px;

  line-height: 50px;

  text-align: center;

  margin: 0.5%;

  background: #f3f8fe;

}

.frd-link .frd-link-con2 .frd-link-list ul li a{

  display: block;

  color: #424242;

  font-size: 14px;

}

@media screen and (max-width: 1024px){

  .frd-link .frd-link-con .frd-link-list ul li{

    width: 32.33%;

  }

  .frd-link .frd-link-con2 .frd-link-list ul li{

    width: 32.33%;

  }

}

@media screen and (max-width: 768px){

  .frd-link .frd-link-con .frd-link-list ul li{

    width: 49%;

  }

  .frd-link .frd-link-con2 .frd-link-list ul li{

    width: 49%;

  }

}

@media screen and (max-width: 480px){

  .frd-link .frd-link-con .frd-link-list ul li{

    width: 100%;

    margin: 0.5% 0;

  }

  .frd-link .frd-link-con2 .frd-link-list ul li{

    width: 100%;

    margin: 0.5% 0;

  }

}



/*20161201L--首页*/

.lyheader{

		background:none;

		background-color:rgba(66,114,199,.9);

		}

@media \0screen\,screen\9 { .lyheader{ background: url(../img/lbheader-bg.png); height: 118px !important } }

@media screen and (max-width: 1280px){

	.other-top{

		right:2%;

		margin-right:0;

		}

}

header nav .library li{

	position:relative!important;

}

/*20161202L财经内容页*/

.leftnav .classes .cont .class-a{

	border-left: 1px solid #93959b;

    border-right: 1px solid #93959b;

	}

.leftnav .classes .cont .class-a li{

	background:#7c7f86;

	border-bottom:1px solid #93959b;

	}

.leftnav .classes .cont .class-a li > a{

	color:#fff;

	}

/*.leftnav .classes .cont .class-a li.on{

	background:#00b7ee;

}*/

/*.leftnav .classes .cont .class-a li:hover{

  background:#00b7ee;

}*/

.leftnav .classes .cont .class-a li.on > a {

  color: #fff;

}



.answer ul li .bd{

	position:fixed;

	z-index:10000;

	width:930px;

	height:450px;

	background:#fff;

	border:1px solid #ccc;

	left:50%;

	top:50%;

	margin:-225px 0 0 -465px;	

	}

.answer ul li .bd .cont{

	height:300px;

	overflow-y:auto;

	line-height:26px;

	margin:20px 40px 20px;

	box-sizing:border-box;

	/*border-top:1px solid #e5e5e5;*/

	background: url(../img/answer_req.png) no-repeat left top;

    padding-left: 40px;

	padding-top:0;

    line-height: 30px;

	}

.answer ul li .bd .date{

	margin-left:0;

	}



.answer ul li .bd .newd{

    margin: 40px 40px 0 40px;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 20px;

    font-size: 16px;

	background: url(../img/answer_ques.png) no-repeat left top;

    padding-left: 40px;

    line-height: 30px;

	}

.answer ul li .bd em{

	display:inline-block;

	width:26px;

	height:26px;

	background:url(../img/close_bnt.png) no-repeat center;

	position:absolute;

	top:10px;

	right:10px;

	z-index:10001;

	cursor:pointer;

	}



/*历史沿革20161202liujing*/

.company-list .bodies li .orginfo{

	position:fixed;

	z-index:10000;

	width:930px;

	height:450px;

	background:#fff;

	border:1px solid #ccc;

	left:50%;

	top:50%;

	margin:-225px 0 0 -465px;

	}

@media screen and (max-width: 1024px){

	.company-list .bodies li .orginfo{

		width:80%;

		margin-left:-40%;

		}

  .answer ul li .bd{

    width: 80%;

    margin-left:-40%;

  }

}





.bodies li .orginfo .orginfo_cont{

	height:300px;

	overflow-y:auto;

	line-height:26px;

	margin:20px 40px;

	box-sizing:border-box;

	/*border-top:1px solid #e5e5e5;

	background: url(../img/answer_req.png) no-repeat left top;

    padding-left: 40px;*/

	padding-top:0;

    line-height: 30px;

	}

.bodies li .orginfo .orginfo_cont .s-tit-l2{

  color: #666;

  border-bottom: 1px solid #e5e5e5;

  padding-bottom: 20px;

}

@media screen and (max-width: 768px){

	.bodies li .orginfo .orginfo_cont{

		height:300px;

		}

	.bodies li .orginfo_jq .orginfo_cont{

		height:370px;

		}

}

.orginfo .orginfo_cont p{

	line-height:28px;

	}

.bodies li .orginfo span.newd{

	display:block;

	margin: 40px 40px 0 40px;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 20px;

    font-size: 16px;

	/*background: url(../img/answer_ques.png) no-repeat left top;

    padding-left: 40px;*/

    line-height: 30px;

	}

.bodies li .orginfo em{

	display:inline-block;

	width:26px;

	height:26px;

	background:url(../img/close_bnt.png) no-repeat center;

	position:absolute;

	top:10px;

	right:10px;

	z-index:10001;

	cursor:pointer;

	}

.show-img-bg{

	display:none;

	z-index:9998;

	}



  .wap-content .rightwap .company-list .bigtitle{

    background: url("../img/dsh-titBg.png") no-repeat;

    background-size: 100% 82px;

    width: 100%;

    height: 82px;

  }

  .wap-content .rightwap .company-list .bigtitle h3{

    padding: 10px 0 0 20px;

  }

  .wap-content .rightwap .company-list .bigtitle p{

    padding: 0 0 0 20px;

    

  }

  .wap-content .rightwap .company-list .newsdetail .dsh-sir-img{

    background: #f3f7fe;

    padding: 2% 3%;

  }

  .wap-content .rightwap .company-list .newsdetail .dsh-sir-img .dsh-tit12-4{

    font-size: 20px;

    font-weight: bold;

    color: #434343;



  }

  .wap-content .rightwap .company-list .newsdetail .dsh-sir-img p{

    text-align:center;

  }

  .wap-content .rightwap .company-list .newsdetail .dsh-sir-img p span{

    display: block;

  }

  .wap-content .rightwap .company-list .newsdetail .dsh-sir-img p .l-name01{

    font-size: 30px;

    color: #000;

    margin-top: 14px;

  }

  .wap-content .rightwap .company-list .newsdetail .dsh-sir-img p .l-zw01{

    font-size: 14px;

    color: #000;

    margin-top: 10px;

    font-weight: bold;

  }

  .wap-content .rightwap .company-list .newsdetail .dsh-cydw{

    font-size: 20px;

    font-weight: bold;

    color: #434343;

  }

  .wap-content .rightwap .company-list .newsdetail .cydw-list{



  }

  .wap-content .rightwap .company-list .newsdetail .cydw-list ul{

      

  }

  .wap-content .rightwap .company-list .newsdetail .cydw-list ul li{

    width: 32.33%;

    text-align: center;

    height: 50px;

    line-height: 50px;

    font-size: 14px;

    color: #434343;

    background: #f3f7fe;

    margin: 0.5%;

  }

  @media screen and (max-width: 1024px){

    .newsdetail img{

      width: 40%;

    }

  }

  @media screen and (max-width: 768px){

    .wap-content .rightwap .company-list .newsdetail .cydw-list ul li{

      width: 49%;

    }

  }





.lb_wrap{display:none;}

.lightbox_bg{background:#000;filter:alpha(opacity=70);opacity:.7;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;}

.lightbox{border: 12px solid #fff; position:fixed;left:50%;top:26%;width:50%;margin-left:-25%;z-index:2;text-align:center;margin-top: -60px !important;}

.lightbox p{position:absolute;height:61px;width:38px;top:50%;left:0;z-index:2;background:transparent url("../img/themes.png") no-repeat left top;margin-top:-30.5px;cursor:pointer;}

.lightbox p.next{left:auto;background-position:right top;right:0;}

.lightbox img{

  

}

.lightbox .close-btn{

  position: absolute;

  top: 0;

  right: 0;

  display: inline-block;

  background: url("../img/close-btn-l2.png");

  width: 26px;

  height: 26px;

  z-index: 8;

}

.lightbox .light-txt{

  display: block;

  line-height: 40px;

  height: 40px;

  background: #fff;

  color: #333;

  width: 100%;

  text-align: center;

  /*border:12px solid #fff;*/

}

.footer-1215{

  display: none;

}

.lycontent .tsg-nav-no{

  display: none;

}



.txlBg-23{

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  background: url("../img/bg.png") repeat;

  cursor: auto;

  display: none;

}

.txlBg-23 .alertCon-txl{

  position: relative;

  top: 36%;

  left: 50%;

  margin-left: -210px;

  width: 420px;

  background: #fff;

  padding: 20px 0;

}

.alertCon-txl .closeBtn-23{

  display: inline-block;

  background: url("../img/close_bnt.png") no-repeat center;

  width: 26px;

  height: 26px;

  position: absolute;

  top: 10px;

  right: 10px;

  cursor: pointer;

}

.txlBg-23 .alertCon-txl .txl-text{

  width: 80%;

  margin: 0 auto;

}

.txlBg-23 .alertCon-txl .txl-text h3{

  font-size: 24px;

  color: #000;

  font-family: "Microsoft Yahei";

}

.txlBg-23 .alertCon-txl .txl-text p{

  border: 1px solid #dedede;

  line-height: 38px;

  margin-bottom: 10px;

}

.txlBg-23 .alertCon-txl .txl-text p span{

  float: left;

  margin: 0 20px;

}

.txlBg-23 .alertCon-txl .txl-text p .txl-t1{

  color: #a0a0a0;

}

.txlBg-23 .alertCon-txl .txl-text p .txl-t2{

  color: #000;

}







.cjcx{

  width: 100%;

  padding: 60px 0; 

}

.cjcx .cjcx-con{

  background: url("../img/cjcx-bg.jpg") no-repeat;

  background-size: 100% 387px;

  /*height: 387px;*/

  padding: 56px 36px;

}

.cjcx .cjcx-con02{

  background: url("../img/cjcx-bg.jpg") no-repeat;

  background-size: 100% 558px;

  /*height: 387px;*/

  padding: 38px 36px;

}

.cjcx .cjcx-con label{

  display: block;

  margin-bottom: 24px;

}

.cjcx .cjcx-con label p{

  float: left;

  font-size: 14px;

  color: #000;

  line-height: 42px;

  width: 94px;

  text-align: left;

}

.cjcx .cjcx-con label .c-text{

  float: left;

  width: 448px;

  height: 42px;

  line-height: 42px;

  text-indent: 1em;

  border: 1px solid #d2d2d2;

  background: #f5f5f5;

}

.cjcx .cjcx-con label .d-text{

  float: left;

  width: 288px;

  height: 42px;

  line-height: 42px;

  text-indent: 1em;

  border: 1px solid #d2d2d2;

  background: #f5f5f5;

}

.cjcx .cjcx-con label img{

  float: left;

  margin-left: 10px;

}

.cjcx .cjcx-con .cxcj-btn{

  width: 190px;

  height: 50px;

  line-height: 50px;

  background: #005b98;

  text-align: center;

  border: none;

  color: #fff;

  margin-top: 20px;

  margin-left: 94px;

}

.wap-content .page-title .classes .tit-l2{

  padding: 44px 0 44px 60px;

}

@media screen and (max-width: 768px){

  .cjcx .cjcx-con{

    padding: 56px 10px;

  }

  .cjcx .cjcx-con label .c-text{

    width: 300px;

  }

  .cjcx .cjcx-con label .d-text{

    width: 140px;

  }

  .cjcx .cjcx-con02 table{

    width: 100% !important;

  }

  .cjcx .cjcx-con04{

    background-size: 100% 216px !important;

  }

}

.cjcx .cjcx-con02 .fs-tit{

  margin: 0 0 20px 0;

  font-size: 30px;

  color:#000;

  font-weight: normal;

}

.cjcx .cjcx-con02 .fs-text{

  font-size: 16px;

  color: #000;

}

.cjcx .cjcx-con02 .fs-text strong{

  color: #e60012;

}

.cjcx .cjcx-con02 table{

  width: 740px;

  border: 1px solid #c9d4e9;

  margin-top: 40px;

}

.cjcx .cjcx-con02 table tr td{

  width: 50%;

  text-align: left;

  font-size: 14px;

  color: #000;

  padding-left: 20px;

}

.cjcx .cjcx-con02 table tr{

  border-bottom: 1px solid #c9d4e9;

}

.cjcx .cjcx-con02 table .km-t01{

  line-height: 68px;

  background: #c9d4e9;

}

.cjcx .cjcx-con02 table .km-t02{

  line-height: 50px;

  background: #e8effd;

}

.cjcx .cjcx-con02 table .km-t03{

  line-height: 50px;

  background: #ccf5c2;

}

.cjcx .cjcx-con03{

  background: url("../img/cjcx-bg.jpg") no-repeat;

  background-size: 100% 610px;

  /*height: 387px;*/

  padding: 38px 36px;

}

.cjcx .cjcx-con03 .fs-tit{

  margin: 0 0 0 0;

  font-size: 30px;

  color: #000;

  font-weight: normal;

}

.cjcx .cjcx-con03 .fs-tit02{

  margin: 0 0 20px 0;

  font-size: 30px;

  color: #e40013;

  font-weight: normal;

}

.cjcx .cjcx-con03 .fs-text{

  font-size: 16px;

  color: #000;

}

.cjcx .cjcx-con03 .xz-fj-link{

  margin-top: 60px;

}

.cjcx .cjcx-con03 .xz-fj-link p{

  font-size: 14px;

  color: #000;

  margin-bottom: 18px;

}

.cjcx .cjcx-con03 .xz-fj-link p a{

  display: inline-block;

  font-size: 14px;

  color: #035c98;

  text-decoration: underline;

}

.cjcx .cjcx-con04{

  background: url("../img/cjcx-bg.jpg") no-repeat;

  background-size: 100% 180px;

  /*height: 387px;*/

  padding: 38px 36px;

}

.cjcx .cjcx-con04 .fs-tit{

  margin: 0 0 20px 0;

  font-size: 30px;

  color: #000;

  font-weight: normal;

}

.cjcx .cjcx-con04 .fs-text{

  font-size: 16px;

  color: #000;

}

.cjcx .cjcx-tc{

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url("../img/bg.png") repeat;

  display: none;

  z-index: 9999;

}

.cjcx .cjcx-tc .tc-con-l8{

  width: 300px;

  height: 270px;

  background: #fff;

  position: absolute;

  top: 40%;

  left: 50%;

  margin-left: -210px;

  padding: 0 60px;

}

.cjcx .cjcx-tc .tc-con-l8 .cjcx-gb-btn{

  background: url("../img/result-gb.png") no-repeat;

  display: block;

  width: 26px;

  height: 26px;

  position: absolute;

  top: 20px;

  right: 20px;

}

.cjcx .cjcx-tc .tc-con-l8 p{

  font-size: 24px;

  color: #000;

  margin-top: 80px;

}

.cjcx .cjcx-tc .tc-con-l8 input{

  width: 100%;

  margin-top: 40px;

  line-height: 40px;

  color: #fff;

  border:none;

  background: #005bac;

}



.fu-wid{

  width: 70px;

  position: fixed;

  top: 20%;

  right: 0;

  z-index: 999;

}

.fu-wid .cjcx-btn-16{

  display: inline-block;

  text-align: center;

  background: #005bac;

  margin-bottom: 2px;

  color: #fff;

  padding: 12px 0;

  width: 100%;

}

.fu-wid .cjcx-btn-16 span,.fu-wid .zxbm-btn-16 span,#onlinetalk span {

  display: block;

  margin-top: 6px;

}

.fu-wid .zxbm-btn-16,#onlinetalk{

  display: inline-block;

  text-align: center;

  background: #005bac;

  color: #fff;

  padding: 12px 0;

  width: 100%;
  margin-top: 10px;
}



.zxbm-win{

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  background: url("../img/bg.png") repeat;

  z-index: 9999;

  display: none;

}

.zxbm-win .zxbm-win-con{

  max-width: 472px;

  text-align: center;

  background: #fff;

  padding: 30px 0 40px 0;

  margin: 10% auto 0;

  position: relative;

}

.zxbm-win .zxbm-win-con .close-zxbm-btn{

  display: block;

  width: 46px;

  height: 46px;

  position: absolute;

  top: 0;

  right: 0;

  background: url("../img/close-zxbm-btn.png") no-repeat;

  background-size: 100%;

}

.zxbm-win .zxbm-win-con .zxbm-win-link h4{

  font-size: 24px;

  font-weight: bold;

  color: #000;

  margin: 0 0 40px 0;

}

.zxbm-win .zxbm-win-con .zxbm-win-link a{

  display: block;

  color: #fff;

  font-size: 20px;

  margin: 0 auto 14px;

  max-width: 345px;

  line-height: 60px;

  text-align: center;

}

.zxbm-win .zxbm-win-con .zxbm-win-link .z00{

  background: url("../img/index-pd01.png") repeat;

}

.zxbm-win .zxbm-win-con .zxbm-win-link .z01{

  background: #3cad5e;

}

.zxbm-win .zxbm-win-con .zxbm-win-link .z02{

  background: #e7b853;

}

.zxbm-win .zxbm-win-con .zxbm-win-link .z03{

  background: #3762AF;

}





@media screen and (max-width: 768px){

  .zxbm-win .zxbm-win-con{

    margin: 100px 0 0 0;

  }

}











@media screen and (max-width: 480px){

	.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right .label label {

		width: 65px;

	}

}



@media screen and (max-width: 400px){

	.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-right .bd-item {

		width: 70%;

	}

	.xyjy-con .xyjy-text .grxx-input .grxx-input-con .int-con01 .int-con01-left .bd-item {

		width: 70%;

	}

}





#newBridge{

  /*display: none !important;*/

}

.headListCon{margin-left:30px;}